html,body,#form1,#main-div,#header,#bg-hero{height:100%;min-height:480px}
.ombratesto {text-shadow: 2px 5px 4px #000;}




/* override header */       
#barra-menu{background:transparent;}   
#menu-contacts a{color:#fff;}
#menu-contacts span{color:#fff;}
#barra-menu.barra-menu-fixed #menu-contacts a{color:#444}
#barra-menu.barra-menu-fixed #menu-contacts span{color:#444}                                

#barra-menu.barra-menu-fixed #menu{color:#444}             
#barra-menu #menu{color:#fff;}
.barra-menu-fixed{transform:translate(-50%,100%);}

#barra-menu:not(.barra-menu-fixed) #logo-barra-menu .logo-white{display:inline;height:100px;}
#barra-menu:not(.barra-menu-fixed) #logo-barra-menu .logo{display:none;}


@media(min-width:992px){
    #barra-menu:not(.barra-menu-fixed)  #menu-contacts{display:block;left:270px;transform:translateY(-50%);}
}


#sezione-sistemazioni{overflow:hidden}
.sistemazione-text{width:90%}
.sistemazione-text-inner{width:100%}
.sistemazione-text-inner img{max-width:100px}
.categoria-sistemazione{font-weight:bold;margin-bottom:0;font-size: 26px!important;}
.tasto-scopri{display:none}
.sistemazione-col{text-decoration:none;overflow:hidden;margin-bottom:24px}
.sistemazione-img{transition:transform .5s ease-in-out;display:block}
.sistemazione-icona{max-width:100px}
.sistemazione-col:hover .sistemazione-img{transform:scale(1.1)}
.sistemazione-col:hover .sistemazione-icona{animation:shake .75s ease-out}


#item-attivita{background:#92d050}
#item-servizi{background:#89bce7}
#item-dog{background:#ffc50d}
#item-bici{background:#dddddd}
.nome-attivita-servizio{font-size:36px;font-weight:bold;}
.icona-attivita-servizio{font-size:64px;}
.attivita-servizio-item{overflow:hidden;display:block;text-decoration:none;margin-bottom:24px}
.attivita-servizio-item img{transition:transform .5s ease-in-out}
.attivita-servizio-item:hover img{transform:scale(1.1)}
/*.attivita-servizio-item:hover .icona-attivita-servizio{animation:shake .75s ease-out}*/
.attivita-servizio-item.hover-opacity:hover {opacity:.5}
.blocco-col-row{width:100%}
.attivita-servizio-item{width:100%}

.welcome-sezione-inner{padding:30px;}
.welcome-sezione .sottotitolo{color:#7f7f7f}
.welcome-sezione .titolo{font-size: 32px!important}
.welcome-sezione .sottotitolo{font-size: 18px!important;}

.main-text{width:100%;padding:0 8px}

@media(min-width:500px){
    .welcome-sezione-inner{padding:64px;}            
}

@media(min-width:600px){
    .nome-attivita-servizio{font-size:32px}
    .categoria-sistemazione{font-size:32px!important}
    .attivita-servizio-item{width:50%;margin-bottom:0}
    #item-piscina,#item-dog,#item-animazione{float:right}
}

@media(min-width:768px){
    .attivita-servizio-item{width:50%}
}

@media(min-width:992px){
    .nome-attivita-servizio{font-size:24px}
    .categoria-sistemazione{font-size:27px!important}
    #sezione-sistemazioni .w3-row{margin-right:-8px;margin-bottom:8px}
    .sistemazione-col{width:calc(33.33% - 8px);margin-right:8px;margin-bottom:0;text-decoration:none;transform:translateX(50%)}
    .blocco-col-row{width:50%}
    #item-piscina,#item-dog{float:left}
    #item-ristoranti{float:right}
    #sezione-attivita-servizi{margin-bottom:64px}
    #attivita-servizi-row{margin-right:-8px}
    .attivita-servizio-item{width:calc(50% - 8px);margin-right:8px;margin-bottom:8px}
    .welcome-sezione .titolo{font-size: 48px!important}
    .welcome-sezione .sottotitolo{font-size: 21px!important;}
}

@media(min-width:1533px){
    .nome-attivita-servizio{font-size:32px}
    .categoria-sistemazione{font-size:36px!important}           
}

@media(min-width:1920px){
    #sezione-attivita-servizi{margin-bottom:100px}
    .welcome-sezione-inner {padding: 100px 64px;}
}