@charset "UTF-8";
@media (min-width: 62em) and (max-width: 82em) { #nav li { font-size: 20px; } #nav li ul a { font-size: 16px; }}

.intro_scritta { display: none; } /* serve per evitare che, prima del jquery /js/anime/anime.js in codfree.php visualizzi la scritta */

.icon { font-size: 62pt; color: #0952A1 !important; }
.icon:hover { font-size: 62pt; color: #444 !important; }
.box_spec:first-letter { font-size: 35pt !important; }

@media (max-width: 52em) { /* deve essere 52em come le colonne */
.stacco { display: inline-block; max-width: 1200px; width: 100%; height: 500px; }
.box_spec { text-align: justify; height: 502px; }
}
@media (min-width: 52em) and (max-width: 62em) {
.stacco { display: inline-block; max-width: 1200px; width: 100%; height: 500px; }
.box_spec { text-align: justify; height: 782px; }
}
@media (min-width: 62em) and (max-width: 72em) {
.stacco { display: inline-block; max-width: 1200px; width: 100%; height: 500px; }
.box_spec { text-align: justify; height: 802px; }
}
@media (min-width: 72em) and (max-width: 92em) {
.stacco { display: inline-block; max-width: 100%; width: 100%; height: 500px; }
.box_spec { text-align: justify; height: 682px; }
}
@media (min-width: 92em) and (max-width: 98em) {
.stacco { display: inline-block; max-width: 100%; width: 100%; height: 500px; }
.box_spec { text-align: justify; height: 622px; }
}
@media (min-width: 98em) {
.stacco { display: inline-block; max-width: 100%; width: 100%; height: 500px; }
.box_spec { text-align: justify; height: 582px; }
}

/* QUESTO SERVE PER 100% */
@media (min-width: 72em) and (max-width: 82em) {
.gridCM3 .colCM { width: 31.2% !important; }
}
@media (min-width: 82em) and (max-width: 92em) {
.gridCM3 .colCM { width: 31.4% !important; }
}
@media (min-width: 92em) {
.gridCM3 .colCM { width: 31.7% !important; }
}
/* QUESTO SERVE PER 100% */

/*BOTTONE*/
/* .btn_div:first-letter { font-size: 13pt !important; } */

.btn {
text-align: center; font-family: Noway_Regular, Verdana; font-size: 17px; color: #008ec5;
text-transform: uppercase;
border: none;
background: #0952A1;
border-radius: 2px;
color: #ffffff;
padding: 10px 20px 10px 20px;
text-decoration: none;
}

.btn:hover {
border: none;
background: #536262;
border-radius: 2px;
color: #ffffff;
padding: 10px 20px 10px 20px;
text-decoration: none;
}
/*BOTTONE*/