@media (min-width: 1200px) {
    #mainContent {
        max-width: calc(100% - 30rem); /* margini ampi */
        margin: 0 auto;
    }
}

/* Tablet / schermi medi */
@media (min-width: 768px) and (max-width: 1199px) {
    #mainContent {
        max-width: calc(100% - 4rem); /* margini ridotti */
        margin: 0 auto;
    }
}

/* Mobile: margini minimi */
@media (max-width: 767px) {
    #mainContent {
        max-width: 100%; /* occupa tutta la larghezza */
        margin: 0 0.5rem; /* margini minimi */
    }
}
@media (max-width: 768px) {
    .contact-box.d-flex {
        flex-direction: column; /* impila i figli in colonna */
        gap: 2rem; /* spazio verticale */
    }
}