@media (max-width: 768px) {
  main {
    padding: 1rem;
  }
  .hero {
    padding: 2rem 1rem;
  }
}