@media (max-width: 768px) {
    .header {
        padding: 1.5rem;
    }

    .nav-menu {
        display: none;
    }

    .hero-title {
        font-size: 2.5rem;
    }

    .footer-content {
        gap: 2rem;
    }

    .page-hero {
        padding-top: 100px;
        height: 50vh;
    }
}