body {
    position: relative;
    font: normal 12px/18px Arial, sans-serif;
    color: #8d8d8d;
}

/* Header */
header { margin: 0; }
header .prima-linea { padding: 10px 0; }
header .prima-linea .lingue { display: inline; margin: 0; }
header .prima-linea .lingue span { margin: 0 5px; }
header .prima-linea .lingue a.attiva { font-weight: bold; }

header .menu {
    margin: 20px 0 0 0;
    text-align: center;
    vertical-align: bottom;
}
header .menu .logo { text-align: center; display: block; }
header .menu .logo img { height: 40px; }
header .menu nav { margin: 26px 0 0 0; }
header .menu nav ul { list-style: none; padding: 0; }
header .menu nav ul li {
    display: inline-block;
    text-transform: uppercase;
    position: relative;
}
header .menu nav ul li a { color: #222; }
header .menu nav ul li a.attivo { font-weight: bold; }
header .menu nav.collezioni ul > li { text-align: left; margin: 0 15px 5px 0; }

/* Mobile menu */
header .menu-mobile { background: none; color: #222; }
header .menu-mobile .navbar { background: none; padding: 4px 0; }
header .menu-mobile .navbar button { padding: 0; position: absolute; top: 12px; right: 0; }
header .menu-mobile .navbar button:focus { outline: none; }
header .menu-mobile .navbar .logo { display: inline-block; width: 100%; margin: 4px 0; text-align: center; }
header .menu-mobile .navbar #menu-scomparsa ul { list-style: none; padding: 0; text-align: center; }
header .menu-mobile .navbar #menu-scomparsa ul li { line-height: 26px !important; text-transform: uppercase; }
header .menu-mobile .navbar #menu-scomparsa ul li a { color: #222; }
header .menu-mobile .navbar #menu-scomparsa ul li a.attivo { font-weight: bold; }

/* Typography */
h1 { font: normal 24px/30px 'Montserrat', sans-serif; color: #222; text-transform: uppercase; margin: 0 0 30px 0; }
h2 { font: normal 18px/24px 'Montserrat', sans-serif; color: #222; text-transform: uppercase; margin: 0 0 30px 0; }
h3 { font: normal 14px/24px 'Montserrat', sans-serif; color: #222; text-transform: uppercase; margin: 0 0 5px 0; }
a { color: #222; }
a:hover { color: #222; text-decoration: none; }
@media (max-width: 768px) { h1 { font-size: 22px; line-height: 26px; } }

/* Footer */
footer { margin-top: 100px; }
footer h2 { margin: inherit; }
footer .credits { text-transform: none; color: #bbb; }
footer .footer-menu { margin: 50px 0; }
footer .footer-info { margin: 10px 0; text-transform: uppercase; }
footer .footer-info strong { font-family: 'Montserrat', sans-serif; font-weight: bold; color: #222; }
footer .footer-info span { margin: 0 10px; }
footer .footer-info .fa { margin: 0 0 0 10px; }
footer nav { margin: 10px 0 0 0; }
footer nav ul { list-style: none; padding: 0; }
footer nav ul li { margin: 5px 0; display: block; }
footer nav ul li a { color: #222; }
footer nav ul li a.attivo { font-weight: bold; }
@media (max-width: 768px) { footer { margin-top: 40px; } footer .footer-info { text-align: center; line-height: 18px; } }
@media (max-width: 544px) { footer { text-align: center; } footer .footer-info span { display: block; visibility: hidden; height: 6px; } footer .footer-info a span { display: inherit; visibility: inherit; height: auto; } }

/* Containers */
.container-border { padding: 0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
.container-border .row { margin: 0; }
.container-border-bottom { padding: 0; border-bottom: 1px solid #ddd; }
.container-border-bottom .row { margin: 0; }

/* Back to top */
#torna-su { display: none; position: fixed; bottom: 100px; right: 0; z-index: 20; background: #bbb; padding: 10px; cursor: pointer; }
#torna-su a { font-size: 14px; color: #fff; }

/* Statica (chi-siamo) */
.statica { margin: 50px 0; }
.statica h2 { margin: 40px 0 5px 0; }
.statica h3 { margin: 20px 0 5px 0; }

/* Contatti */
.contatti { margin: 40px 0; }
.contatti .mailto-link { display: inline-block; margin-top: 0px; text-transform: uppercase; font-weight: bold; font: normal 12px/18px Arial, sans-serif; color: #222; }
.contatti .mailto-link:hover { text-decoration: underline; }
@media (max-width: 992px) { .contatti { padding: 40px 15px; } .contatti h3 { margin: 0; } }
