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

  .mobile-menu {
    display: flex;
  }

  .about-content {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .contact-links {
    flex-direction: column;
    align-items: center;
  }

  .hero h1 {
    font-size: 3rem;
  }

  .hero p {
    font-size: 1.2rem;
  }

  .section {
    padding: 3rem 0;
  }
}