@media (max-width: 768px) {
  nav ul { display: none; }
  .menu-toggle { display: block; }

  .social-cards {
    flex-direction: column;
  }

  #hero {
    padding: 4rem 0;
  }
}