#azienda, #menu , #eventi, #servizi, #terre {
  position:relative;
  margin:0 auto;
  margin-top:120px;
  text-align:center;
  color:#000;
}

#storia {
  background: url('../images/back.jpg') bottom center no-repeat;
  background-size: cover;
  padding:3% 0;
}

.azienda {
  position:absolute;
  background:rgba(255,255,255,0.75);
  width:35%;
  top:0;
  left:5%;
  padding:2% 0 4%;
  text-align:left;
}

.paesaggio {
  position:absolute;
  background:rgba(255,255,255,0.75);
  width:35%;
  top:0;
  height:100%;
  right:5%;
  padding:1% 0;
  text-align:right;
}

 .paesaggio p {
  font-family:'Century-Regular';
  color:#000;
  margin:0;
  padding:2% 7%;
  font-size:1.1em;
  letter-spacing: 2px;
  font-weight:200;
}

.azienda p {
  font-family:'Century-Regular';
  color:#000;
  margin:0;
  padding:2% 7%;
  font-size:1.2em;
  letter-spacing: 2px;
  font-weight:200;
}

.paesaggio span {
  font-size:1.20em;
  font-weight:600;
}

.fabb {
	padding:0 0 5%;
	width:75%;
	text-align:center;
}

.padd {
  padding:2% 0;
}

.cantina p, .vini p {
  padding: 1% 0 7% 0;
  font-family:'Century-Regular';
  margin: auto 12em;
  font-size:1.6em;
  letter-spacing: 2px;
  font-weight:400;
}


#storia h2, .azienda h2, .paesaggio h2 {
  font-family:'EdwardianScriptITC';
  text-align:center;
  font-size:5em;
  margin:0;
  padding:0;
  font-weight:400;
  color:#000;
}


 .cantina h2 {
  font-size:4em;
  padding-bottom:2%;
 }
 .paesaggio h2 {
  text-align:right;
  padding:0 7%;

}

.azienda h2 {
  text-align:left;
  padding:0 7%;
}

#storia img {
  max-width:180px;
}

.one {padding-left:0%;}
.two {padding-left:10%;}
.three {padding-left:25%;}

.left {
  padding-top:4%;
  text-align:left;
  border-right:4px solid #cbcbcb;
}

.right p {
  font-family: 'poiret_oneregular';
  text-align:center;
  padding:0 1em;
  font-size:1.5em;
  padding-top:0;
  font-weight:600;
  color:#393939;
}



.job {padding: 4% 0;}

.fox {
  position:relative;
  padding:0;
  margin:0 auto;
  height:350px;
  width:350px;
  border-radius:50%;
  overflow:hidden;
   -webkit-transition-duration: 0.7s; 
    transition-duration: 0.7s;
}

.fox:hover {
  background:rgba(0,0,0,0.9);
}

.fox img {
  display:inline-block;
  overflow:hidden;
 -webkit-transition-duration: 0.7s; 
    transition-duration: 0.7s;
}

.fox:hover img {
   opacity:0.1;
}

.fox a {
  position:absolute;
  font-family: 'poiret_oneregular';
  width:100%;
  top:37%;
  left:0;
  text-decoration:none;
  text-align:center;
  font-size:2em;
  color:#fff;
  opacity:0;
   -webkit-transition-duration: 0.8s; 
    transition-duration: 0.8s;
}

.fox:hover a {
  transform: translateY(30px);
  -ms-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -o-transform: translateY(30px);
  opacity:1;
}

.riga {
  padding: 0;
  margin-top:90px;
}



.box img {
	padding-top:0;
}

.vini {
    background: url('../images/home4.jpg') bottom center no-repeat;
  background-size: cover;
  padding:2% 0;
}
.white {
  padding:4% 0;
  background: url('../images/white.jpg') center center no-repeat;
  background-size: cover;
}

.right p {
    font-size: 1.5em;
}

.red {
  margin:50px 0;
  padding:4% 0;
  background: url('../images/red.jpg') center center no-repeat;
  background-size: cover;
}

.white h3, .red h3 {
  text-align:center;
  font-family:'EdwardianScriptITC';
  font-size:6em;
  padding-top:0;
  padding-bottom:4%;
  font-weight:200;
}

.promo {
  position:relative;
  padding:0;
  margin:0 auto;
  max-height:198px;
  max-width:198px;
  border-radius:50%;
  overflow:hidden;
   -webkit-transition-duration: 0.7s; 
    transition-duration: 0.7s;
}

.promo:hover {
  background:rgba(0,0,0,0.9);
}

.promo img {
  display:inline-block;
  overflow:hidden;
 -webkit-transition-duration: 0.7s; 
    transition-duration: 0.7s;
}

.promo:hover img {
   opacity:0.1;
}

.promo a {
  position:absolute;
  font-family: 'poiret_oneregular';
  width:100%;
  top:25%;
  left:0;
  right:2%;
  text-decoration:none;
  text-align:center;
  font-size:1.8em;
  color:#fff;
  opacity:0;
   -webkit-transition-duration: 0.8s; 
    transition-duration: 0.8s;
}

.promo:hover a {
  transform: translateY(30px);
  -ms-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -o-transform: translateY(30px);
  opacity:1;
}
@media only screen and (min-width:0px) and (max-width: 720px){
  .azienda {
    position: relative;
    margin: 0 2%;
    padding: 1% 3% 0;
    width: 80%;
  }

  #azienda {
    margin-top: 80px;
  }

  .promo { 
    margin:5% auto;
  }

  .red {
    margin: 50px 0 0;
  }

  .promo a {
    font-size: 2.6em;
  }

  #azienda h2, .riga h3, .menu h3  {
    font-size: 4em;
    padding:4% 2% 1%;
  }

  #servizi, #terre {
    margin-top: 80px;
  }

  .vini p {
    margin: auto 5em;
  }

  .left {
      padding-top: 4%;
      text-align: center;
      border-right: 4px solid #cbcbcb;
  }

  .one, .two, .three {
    padding-left: 0;
  }

  #storia h2 {
    margin-top: 30px!important;
  }

  #storia img {
    max-width: 160px;
  }

  .cantina {
    padding: 3% 0 5%;
  }

  .skdslider {
    display: none!important;
  }

  .skdslider {
    height:120px!important;
  }

  #slider {
    background: url('../images/sli-m.jpg') top center no-repeat;
    background-size:cover;
  }

  #terre {
    background: url('../images/terre-m.jpg') top center no-repeat;
    background-size:cover;
    height: 110%;
  }

  .paesaggio {
    width: 90%;
  }

  .paesaggio p {
    padding: 2% 7%;
    font-size: 1.5em;
    letter-spacing: 2px;
    font-weight: 200;
  }

  #azienda p {
    margin:0;
    padding:4% 4%;
    font-size: 1.5em;
  }

  .fabb {
    display:none;
  }

  .mens img {
    width:27%;
    padding-bottom:3%;
  }

  .bkg, .pst {
    padding-top: 100px;
  }

  .storia img, .center {
    width: 32px;
    padding-bottom:4%;
    margin: 0 auto;
    display:block;
  }

  .storia p, .menu p, .fold p {
    padding: 0 1em;
  }

  .storia h3 {
    font-size: 1.6em;
  }

  .crema {
    padding-top:2%;
  }

  .cake {
    text-align:center;
  }

  .cake img {
    padding-top: 5%;
    width:80px;
  }

  .crema h3 {
    display: none;
  }

  .cake h3 {
    font-size:4em;
    padding:6% 4% 4%;
  }

  .crema p {
    font-family: 'caviar_dreamsregular';
    padding: 3% 4%;
    text-align: center;
    margin-top: 0;
  }

  .paesaggio {
    padding: 1% 0 2%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .paesaggio h3 {
    font-size: 3.4em;
  }

  .mappa {
    margin: 100px auto 0;
  }

  .padd .row {
    max-width: 75%;
  }

  .riga .row {
    max-width:100%;
  }

  .pix, .pux {
    padding: 6% 0 6%;
  }

  #camere .storia img {
    width: 80%!important;
    margin-top:2%;
  }

  #camere h2, #storia h2 {
    margin-top:100px;
    font-size: 3.6em;
  }

  .pux h3 {
    margin-bottom:4%;
  }

  .servizi {
    padding-top:4%;
    border-bottom:4px solid #fff;
  }

}


@media only screen and (min-width:1480px) and (max-width: 1700px){

html,body {font-size: 90%;}

  .box span {
  font-size:1.1em;
  top:2%;
  }

  #storia img {max-width:150px;}
  #storia p {font-size:1.4em;}
  .azienda, .paesaggio {
    padding:3% 0;
  }

  .azienda p, .paesaggio p {
    font-size:1.1em;
}
  .promo {
    height:170px;
    width:170px;
  }

  .promo a {
    top:15%;
  }

  .fox a {
  top:30%;
  font-size:1.8em;

  }


}


@media only screen and (min-width:1200px) and (max-width: 1479px){
    .azienda p, .paesaggio p {

    font-size:1.2em;
  }
    .promo {
    height:150px;
    width:150px;
  }

  #storia img {max-width:120px;}

    .azienda p, .paesaggio p {
    font-size:1em;
}


}

@media only screen and (min-width:601px) and (max-width: 1199px){
    .azienda p, .paesaggio p {

    font-size:1em;
}

  .promo {
    height:140px;
    width:140px;
  }

}
@media only screen and (min-device-width:601px) and (max-device-width: 1500px){

	
#menu-con a {
  font-size:0.8em;

}

.box span {
  font-size:1.1em;
  top:2%;

}
  #storia img {max-width:100px;}

}