/* Responsive */
@media (max-width: 768px) {
    header {
        flex-direction: column;
        padding: 15px 20px;
    }

    nav.menu {
        margin-top: 10px;
    }

    .banner {
        /* Aumentato il margine superiore del banner per far spazio al menu */
        margin-top: 130px;
        /* Altezza fissa di 250px per i cellulari */
        height: 250px;
    }

    /* Regola per l'immagine del banner per il mobile, ora è l'unica ad avere object-fit cover */
    .banner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* Ritaglia l'immagine per riempire lo spazio */
    }

    .solutions-grid {
        grid-template-columns: 1fr !important;
    }
}