@media (max-width: 768px) {
    .hero h1 {
        font-size: 2em;
    }
    .hero p {
        font-size: 1em;
    }
    .cta-button {
        padding: 8px 16px;
    }
    h2 {
        font-size: 1.8em;
    }
    .service-grid, .portfolio-grid, .testimonial-grid {
        grid-template-columns: 1fr;
    }
    .hero {
        height: 300px;
    }
}