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

.header-content nav ul {
    display: none;
}

.hero-content h1 {
    font-size: 2.5rem;
}

.section-content {
    grid-template-columns: 1fr;
    gap: 2rem;
}

.programs-grid {
    grid-template-columns: 1fr;
}

.container {
    padding: 0 15px;
}
}

@media (max-width: 480px) {
    .hero-content h1 {
        font-size: 2rem;
    }

    .section-title {
        font-size: 2rem;
    }

    .program-card {
        padding: 1.5rem;
    }
}