:root {
    --primary: #18BAAD !important;
    --primary_hover: #FF8F00 !important;
    --secondary: #ff6000 !important;
    --secondary_hover: #FF8F00 !important;
    --font:#222 !important;
    --nav:#08887e !important;
}


#wrapper > .main { margin-top:10rem }
.uno, .due, .tre, .quattro, .cinque, .sei { background:initial;}
a { color: var(--primary)}
.pulsanti { color:#fff}

nav {background-color: var(--nav) !important; margin-bottom:0 !important}
nav li.active { background-color:var(--primary) !important}

.icon { color: #fff; font-size: 14px; font-weight:bold; padding-left: 3%; margin-bottom: 4px; margin-top: 0; display:flex; align-items: center; }
.icon img { margin:2px 5px 0 0}

.home .icon { color: #000; font-weight:normal; }
.home .icon img { filter: invert(100%)}

.rigmeslog { background:var(--primary)}
.rigmes.white, .rigmes.white h2 { color:#FFF !important; margin:0}

a.linktop:hover { background:var(--secondary)}

.div-rit { background: #08887E !important; font-size: 16px; font-weight: bold; margin:5px 15px; padding:10px; color:#FFF; }
.home .div-rit { margin:5px 5px 5px 10px }






@media screen and (max-width: 950px){
    #wrapper > .main { padding: 0 !important }
    .prenotatore { padding: 0.5rem !important; }
    .footer .col { border:none !important}
    .footer .col-container { width: 96%; margin: 0 auto; }
    .pnlAvanti div { width:100% !important}
}

@media screen and (max-width: 480px){
    html,body { width: 100%; height: 100%; margin: 0px; padding: 0px; overflow-x: hidden;  }
}