.contatti-form-content {
    width: 946px;
    margin: 0 auto;
    border-radius: 25px;
    padding: 20px 55px 20px 55px;
}

.mobile-view .contatti-form-content {
    width: 100%;
}

.contatti-phone-content {
    width: 946px;
    margin: 0 auto;
    border-radius: 25px;
    padding: 20px 55px 20px 55px;
}

.mobile-view .contatti-phone-content {
    width: 100%;
    padding: 0;
}

/* LA TABELLA NON STA PIU' QUI. `.styled-table` era scritta SENZA SCOPE in due fogli - questo e
   graphic-pages/graphic-page-common-components.css - cioe' due fogli di pagina che dichiaravano la
   stessa famiglia per tutto il sito, con la stessa struttura e tre valori diversi: l'accento (qui
   swallow-blue, la' office-green), il font-size (14 contro 15) e il margine. Non si caricavano mai
   insieme per un caso: contatti.html linka solo questo foglio e non usa `commonElements=true`, che
   e' cio' che porta l'altro. Le due tabelle sono ora la `.table` canonica documentata in
   /design-system/tables.

   COSA SI PERDE, e va scritto perche' si vede. Il piu' evidente per primo: `.styled-table` non
   dichiarava nessuna width, quindi la tabella era larga quanto il contenuto e `margin: 30px auto` la
   centrava; la `.table` di Bootstrap e' `width: 100%`, quindi da qui e' A TUTTA LARGHEZZA e allineata
   a sinistra. Poi l'intestazione colorata con testo bianco, l'ombra di 20px, la zebratura delle righe
   pari, il filetto di 2px sotto l'ultima riga e le colonne al 33%. Restano l'intestazione Montserrat
   maiuscola di styles-lists-tables.css e i bordi di riga di Bootstrap. Se la zebratura serve,
   Bootstrap ha `table-striped`; se serve la larghezza automatica, `w-auto` e `mx-auto`: sono classi,
   non un foglio di stile. */