/* Larger screens */
@media (min-width: 768px) {
  .hero-content {
    max-width: 90%;
  }
  .hero-content h1 {
    font-size: 3rem; /* md:text-5xl equivalent */
    margin-bottom: .5rem;
  }
  .hero-content p {
    font-size: 1.25rem;
  }
  .hero,
  .hero-section {
    background-attachment: fixed;
    background-size: cover;
    padding: 8rem 1rem; /* Equivalent to py-32 */
  }
}