@media (max-width: 600px) {
  header, footer {
    padding: 10px;
  }
  .hero {
    padding: 60px 0;
  }
  .hero h1 {
    font-size: 1.5em;
  }
  nav ul li {
    display: block;
    margin: 8px 0;
  }
  section {
    padding: 20px 10px;
  }
}