@media (max-width: 768px) {
    header {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    nav ul {
        flex-direction: column;
        gap: 0.5rem;
    }

    .language-switch {
        margin-top: 1rem;
    }

    .services {
        flex-direction: column;
        align-items: center;
    }

    .service-card {
        width: 90%;
    }

    footer {
        flex-direction: column;
        text-align: center;
    }

    .contact {
        margin-top: 1rem;
    }
}