body{overflow-x: hidden;
font-family: "Montserrat"}
a, a:hover{text-decoration: none}
.nero2{display: none;}

.spazio1{height:1rem}
.spazio2{height:2rem}
.spazio3{height:3rem}
.spazio4{height:4rem}
.spazio5{height:5rem}
.spazio6{height:6rem}
.spazio7{height:7rem}
.spazio8{height:8rem}
.spazio9{height:9rem}
.spazio10{height:10rem}


.nero{background-color:#39393a; height: 10vh;
position: fixed;
top:0;
left:0;
width:100%;
z-index:99}

.cont-menu{background-color: #39393a; visibility: visible;}


.cell h2, .email h2{text-align: left;
color: white;
font-size:1.3rem;
letter-spacing: 0.1rem;
margin-top:2vh;
}

.cell-ico{ height:6vh;
  float:left;
  background-image: url(../img/telefono.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: auto 55%;

}

.cell:hover .cell-ico{background-image: url(../img/telefonohover.png);
cursor:pointer;}
.cell:hover h2{color:#f08355;
cursor:pointer;}

.email-ico{  height:6vh;
  float:left;
  background-image: url(../img/email.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: auto 50%;

}

.email:hover .email-ico{background-image: url(../img/emailhover.png);
cursor:pointer;}
.email:hover h2{color:#f08355;
cursor:pointer;}


.cell{border-right: 0.1rem white solid;margin-top:2vh; cursor:pointer; }
.email{margin-top:2vh;cursor:pointer}

.logo{height:10vh;
background-image: url(../img/logo.png);
background-position: left;
background-repeat: no-repeat;
background-size: auto 70%;}

.logo:hover{background-image: url(../img/logo_color.png);}

.logo_center{height:70vh;

background-image: url(../img/lavoro02.jpg);
/*
background-color: #eaeaea;
*/
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
background-attachment: fixed;
}

.logoo{height:40vh;
margin-top:5vh;
background-image: url(../img/logo_grande.png);
background-position: left;
background-repeat: no-repeat;
background-size: auto 80%}

.quote{height:15vh; margin-top:10vh;background-image: url(../img/quote.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%
}

.frase h2{text-align: left;
font-size:2rem;
margin-top:12vh;
line-height: 3rem}

/* bio */

.foto-bio{height:45rem;
background-position: center;
background-repeat: no-repeat;
background-size: auto 100%;
background-image: url(../img/martino_tuttofare.png);
}

.bio{height: auto;}

.bio h2{font-size:3rem;
  color:#f08355;
  font-weight: bold;
line-height: 4rem}

.bio h3{font-size:1.7rem;
line-height: 3rem}

/* servizi */

.servizi_hover:hover h3{
text-decoration: none;
cursor: pointer;
color:#f08355;
}

.servizi input{text-align: center;
padding-left:3rem;
padding-right:3rem;
padding-top:1rem;
padding-bottom:1rem;
border-radius:0.5rem;
background-color: #39393A;
color:white;
border:0;}

.servizi input:hover{background-color: #f08355;
color:white;}

.lineaa{height:0.1rem;
color:#39393a;
background-color: #39393a;
}

.servizi h2{color:#f08355;
font-weight: bold;
font-size:3rem;
text-align: center;}

.servizi h3{text-align: center;
color:#39393a;
font-size:1.8rem;
font-weight: bold;}

.servizi h4{text-align: center;
color:#39393a;
font-size:1.5rem;
line-height: 2.5rem}

.manutenzione{background-image: url(../img/manutenzione.png);
  height:8rem;
background-size: auto 60%;
background-position: center;
background-repeat: no-repeat;}

.imbiancatura{background-image: url(../img/imbiancatura.png);
  height:8rem;
background-size: auto 60%;
background-position: center;
background-repeat: no-repeat;}

.idraulica{background-image: url(../img/idraulica.png);
  height:8rem;
background-size: auto 60%;
background-position: center;
background-repeat: no-repeat;}

.pulizia{background-image: url(../img/pulizia.png);
  height:8rem;
background-size: auto 60%;
background-position: center;
background-repeat: no-repeat;}

.giardinaggio{background-image: url(../img/riparazione.png);
  height:8rem;
background-size: auto 60%;
background-position: center;
background-repeat: no-repeat;}

.traslochi{background-image: url(../img/traslochi.png);
  height:8rem;
background-size: auto 60%;
background-position: center;
background-repeat: no-repeat;}

/* lavori */


.lavori h2{color:#f08355;
  margin-top:10rem;
  margin-bottom:4rem;
font-weight: bold;
font-size:3rem;
text-align: center;}

.lav01{height:25rem;
background-image: url(../img/lavoro.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 90% auto;}

.lav02{height:25rem;
  background-image: url(../img/verniciatura.jpeg);
background-position: center;
background-repeat: no-repeat;
background-size: auto 100%;}

.lav03{height:25rem;
background-image: url(../img/carteggiatura_legno01.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 90% auto;}



/* contatti */

.contatti{background-color:#39393a;
height:auto}

.contatti h2{color:#f08355;
margin-top:5rem;
  margin-bottom:8rem;
font-weight: bold;
font-size:3rem;
text-align: center;}

.contatti h3{color:white;
font-size:1.6rem;
font-weight: bold;
text-align: right;}

.contatti h4{color:white;
font-size:1.3rem;
text-align: right;}

.logo-footer{height:20rem;
background-image: url(../img/logo_white.png);
background-position: top;
background-repeat: no-repeat;
background-size: auto 80%;
border-right:0.1rem white solid;}

.info-footer{
  border-left:0.1rem white solid;
  height:25rem;
}

.social h3{text-align: center; font-weight: normal;}

.fb{background-image: url(../img/facebook-logo.png);
  height:4rem;
  background-position: top;
  background-repeat: no-repeat;
  background-size: auto 80%;
}

.ig{background-image: url(../img/instagram-logo.png);
  height:4rem;
  background-position: top;
  background-repeat: no-repeat;
  background-size: auto 80%;
}

.fb:hover{background-image: url(../img/fb-orange.png);
cursor:pointer}

.ig:hover{background-image: url(../img/ig-orange.png);
cursor:pointer}

/* PAGINA SERVIZI */

.img-serv{height:85vh;
/*background-image:url(../img/carteggiatura_legno02.jpg);*/
background-image:url(../img/valigia2.jpg);
background-position: bottom;
background-repeat: no-repeat;
background-size: 100% auto;}


.servizii h2{font-size:2rem;
  color:#f08355;
  font-weight: bold;
  margin-top:3rem;
  text-align: center;
line-height: 4rem}

.servizii h3{text-align: center;
color:#39393a;
font-size:1.5rem;
line-height: 2.5rem;}

.foto h4{margin:1.5rem; text-align:center;font-size:1.5rem;letter-spacing: 0.1rem;background-color:rgba(0, 0, 0, 0.8);#39393a; color:white;padding:1.4rem;}

.foto{
background-position: center;
background-repeat: no-repeat;
}

.foto1{height:25rem;
  background-image: url(../img/posa_pavimento.jpg);
background-size: 90% auto;}

.foto2{height:25rem;
  background-image: url(../img/ristrutturazione02.jpg);
background-size: 90% auto;
background-position: center;}

.foto3{height:25rem;
  background-image: url(../img/verniciatura_piastrelle.jpg);
background-size: 90% auto;
background-position: top;}

.foto4{height:25rem;
  background-image: url(../img/cucina.jpg);
background-size: 90% auto;
background-position: top;}

.foto5{height:25rem;
  background-image: url(../img/verniciatura.jpg);
background-size: 100% auto;
background-position: top;}

.foto6{height:25rem;
  background-image: url(../img/decorativi.jpg);
background-size: 90% auto;
background-position: top;}

.foto7{height:25rem;
  background-image: url(../img/arredo_bagno.jpeg);
background-size: auto 100%;}

.foto8{height:25rem;
  background-image: url(../img/box_doccia02.jpg);
background-size: 90% auto;}

.foto9{height:25rem;
  background-position: top;
  background-image: url(../img/imbiancatura4.jpg);
background-size: 100% auto;}

.foto10{height:25rem;
  background-image: url(../img/idro_pulizia.jpeg);
background-size: auto 100%;
background-position: top}

.foto11{height:25rem;
  background-image: url(../img/vaporella.jpg);
background-size: 90% auto;
background-position: bottom}

.foto12{height:25rem;
  background-image: url(../img/montaggio_mobili02.jpg);
background-size: 90% auto;
background-position: center;}

.foto13{height:25rem;
  background-image: url(../img/rasaerba.jpeg);
background-size: auto 100%;
background-position: top}

.foto14{height:25rem;
  background-image: url(../img/siepi.jpg);
background-size: 90% auto;
background-position: top}

.foto15{height:25rem;
  background-image: url(../img/carteggiatura_legno01.jpg);
background-size: 90% auto;;
background-position: center}

.foto16{height:25rem;
  background-image: url(../img/traslochi.jpeg);
background-size: auto 100%;
background-position: top}

.foto17{height:25rem;
  background-image: url(../img/pulizia_esterno01.jpg);
background-size: 90% auto;
background-position: top}


.spazio5desk{height: 5rem;}

.spazio3-mob{height:0;}


/*modifiche per responsive */

.cont-hid{visibility: visible;}
.cont-vis{visibility: hidden}
.nero2{background: transparent;}
/* MOBILE RESPONSIVE */

@media screen and (max-width: 480px) {
.img-serv{background-size: 100% auto;
height:65vh;
background-position: left}

.foto14, .foto10{background-size: 90% 100%;}

.foto-bio{background-size: 100% auto;}
div.spazio10{height:0rem;}
div.spazio10r{height:10rem;}
.spazio3-mob{height:5rem;}
.spazio5desk{height:0;}
.cont-hid, .cont-menu{visibility: hidden;}

.cont-vis{visibility: visible;}

.cont-vis h2{font-size:1.7rem; text-align: center;}

.nero2{display:block;
  background-color:#39393a; height: 10vh;
position: fixed;
top:10vh;
left:0;
width:100%;
z-index:99}


.cell-ico{background-position: left;}
.email-ico{background-position: right;}


.logo{visibility: visible;
background-position: center;}

.logoo{background-size: 90% auto;
margin-top:6vh;
background-position: center;}

.logo_center{height: 60vh;
background-color: #eaeaea;
background-image: none}

.quote{background-size: auto 50%;
margin-top:3rem;}

.frase h2{padding:2rem;
text-align: center;
margin-top:0;
line-height: 4rem}

.bio h2{margin-top: 0;
  text-align: center;
}

.bio h3{font-size:2rem;
  text-align: center;
line-height: 3.5rem}

.spazio-mob-ser{height:7rem;}

.servizi h3{font-size:2.5rem;}

.servizi h4{font-size:2rem; line-height: 3.5rem}

.servizi input{font-size:2rem;
padding-top:2rem;
padding-bottom:2rem;
padding-left:5rem;
padding-right: 5rem}

.contatti h2{margin-bottom:3rem;}

.logo-footer{background-size: 60% auto;border-right:0; border-bottom: 0.1rem white solid; height:25rem}

.social h3{margin-bottom:0}

.info-footer{border-left:0; border-top: 0.1rem white solid}

.info-footer h3, .info-footer h4{text-align: center;}

.info-footer h3{padding-top:5rem}

.lavori h2{margin-top:0; margin-bottom:2rem}

.lav01, .lav02{margin-bottom:5rem;}

.lav02{background-size: 90% auto}




/* servizi */

.img-serv{background-size:auto 100%}

.servizii h2{font-size: 2.5rem}
.servizii h3{font-size:2rem; line-height: 3.5rem;padding-left:1.5rem; padding-right: 1.5rem}

.foto{margin-bottom:5rem;}

.foto h4{font-size:2rem;}

.foto2, .foto5, .foto7, .foto16{background-size: 90% 100%}
}