@media (max-width: 768px) {
    .about-hero h1{font-size:2.6rem}
    .about-card{padding:35px;}
    .about-card h2{font-size:2rem;}
    .about-cta h2{font-size:2rem;}
    .nav-links { display: none; }
    .hero-content h1 { font-size: 2.5rem; }
    .hero-buttons { flex-direction: column; }
    .services-grid { grid-template-columns: 1fr; }
    .services-page-content h1{font-size:2.7rem;}
    .service-category-card{width:100%;}
    .why-services h2{font-size:2rem;}
}