.contatti_hero {
    padding: 16.736vw 6.944vw 5.556vw 6.944vw;
    gap: 8.611vw;
    display: flex;
    flex-direction: row;

}

.contatti_hero_text {
    display: flex;
    flex-direction: column;
    gap: 1.667vw;
    width: 36%;
}

.contatti_hero_form {
    width: 64%;
}

.contatti_sedi {
    display: flex;
    flex-direction: row;
    gap: 1.389vw;
    padding: 5.556vw 6.944vw 11.25vw 6.944vw;
}

.contatti_sedi_box {
    display: flex;
    flex-direction: row;
    gap: 1.389vw;
    border-radius: 16px;
    background-color: #F3F3F3;
    background-image: url('../assets/images/sfondo_contatti.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    justify-content: space-between;
    /* stretch: i testi partono dal bordo alto della card (il titolo "Bergamo"
       resta in cima), mentre il bottone si riallinea in basso da solo. */
    align-items: stretch;
    padding: 3.889vw 3.333vw;
    width: 50%;
}

.contatti_sedi_box>.button-white {
    align-self: flex-end;
}

.contatti_sedi_box_testi {
    display: flex;
    flex-direction: column;
    gap: 2.5vw;
	justify-content: space-between;
}

.contatti_sedi_box_testi_info {
    display: flex;
    flex-direction: row;
    gap: 1.389vw;
}

@media screen and (max-width: 750px) {

    .contatti_hero {
        padding: 34.359vw 6.154vw 12.821vw 6.154vw;
        gap: 15.385vw;
        flex-direction: column;
    }

    .contatti_hero_text {
        width: auto;
        gap: 4.103vw;
    }

    .contatti_hero_form {
        width: auto;
    }

    .contatti_sedi {
        padding: 12.821vw 6.154vw 25.641vw 6.154vw;
        gap: 5.128vw;
        flex-direction: column;
    }

    .contatti_sedi_box {
        padding: 8.205vw;
        flex-direction: column;
        width: auto;
        align-items: start;
        gap: 7.179vw;
        background-image: url('../assets/images/sfondo_contatti_mob.png');
    }

    .contatti_sedi_box_testi {
        gap: 5.128vw;
    }

    /* Su mobile la card e' in colonna allineata a sinistra: niente align-self. */
    .contatti_sedi_box>.button-white {
        align-self: flex-start;
    }

}