@media (max-width: 768px) {
    .hero h1 {
        font-size: 2.5rem;
    }
    
    .hero p {
        font-size: 1.1rem;
    }
    
    .hero {
        padding: 80px 0 60px;
    }
    
    .services, .about, .contact {
        padding: 60px 0;
    }
}