#rog h1, #mox h1 {
  font-family: 'vivaldiitalic';
  padding: 0;
  margin:0;
  width: 100%;
  line-height:0.7em;
  font-weight:400;
  font-size:3.4em;
  text-align:left;
  color:#fff;
}

#rog h2, #mox h2 {
  font-family: 'vivaldiitalic';
  font-size:1.6em;
  margin:0;
  padding-top:3%;
  padding-left:10px;
  color:#c8c8c8;
}

#rog.col-3 {
  margin-left:0;
}
#rog, #mox {
  z-index:1;
  height:90px;
  padding-left:1%;
  text-align:left;
  background:#8f0e27;
  transition: all 0.25s ease 0s;
}


#azienda {
  position:relative;
  margin:0 auto;
  text-align:center;
  color:#000;
}

#mens {
  position:relative;
  margin:0 auto;
  padding-top:100px;
  background: url('../images/mens.jpg') bottom center no-repeat;
  background-size: cover;
  background-attachment: fixed;
  text-align:center;
  color:#000;
}


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


#total {
  width:100%;
}

#cucina {
  position:relative;
  margin:0 auto;
  padding:0;
  text-align:center;
  color:#000;
}
.menu {
  width:100%;
  height:100%;
  padding:0;
  text-align:center;
}

.menu h3, .locale h3, .piatti h3 {
  display:inline-block;
  font-family: 'caviar_dreamsregular';
  border-bottom:4px solid #fff;
  margin:0;
  font-size:4em;
  font-weight:400;
  text-align:center;
  letter-spacing: 2px;
  padding:2% 2% 0;
} 

.locale h3 {
  margin-bottom:1%!important;
  border-bottom:4px solid #6a4d40;
}

.menu h3, .piatti h3 {
  color:#fff;
}

.pix {
  background: url('../images/cuci.jpg') center center no-repeat;
  background-size: cover;
  margin-bottom:3%;

}
.menu p {
  margin-top:2%;
  font-family: 'Lora';
  color:#393939;
  padding:4% 15% 1% 15%;
  margin-bottom:0;
  font-size:1.5em;
  letter-spacing: 1px;
  font-weight:400;
}


.fabb img{ 
  border:6px solid #865c18;
  display:inline-block;
}

.bordo {
  margin:0 auto;
}

.bordo1 {
  margin:1% auto;
}

.corsi {
  text-align:center;
   width:40%;
   margin:0 auto;
}

.corsi a{
  display:block;
  margin:0 auto;
  color:#fff;
  margin:2% 0 2%;
  font-size:1.5em;
  text-decoration: none;
  background: #970f27;
  padding: 1% 5%;
  font-weight:200;
  text-align: center;
  text-decoration: none;
  transition: all 0.25s ease 0s;
}

.corsi a:hover {
 background: #2f2826;

}

.azienda {
  position:absolute;
  background:rgba(255,255,255,0.75);
  width:35%;
  top:65px;
  right:10%;
  padding:2% 0 4%;
  text-align:center;
}


.azienda p {
  font-family: 'Lora';
  color:#000;
  margin:0;
  padding:2% 13%;
  font-size:1.3em;
  letter-spacing: 2px;
  font-weight:200;
}

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

.piatti {
  padding:2% 0;
}
.padd {
  padding:2% 0;
}

.fron {
  text-align:center;
}

.fron a {
  display:inline-block;
  background:#c35a5a;
  padding:2% 10%;
  color:#fff;
  text-decoration: none;
  margin:4% 0;
  transition: all 0.25s ease 0s;
}

.fron a:hover {
  background:#332626;
}
.gallery {
  padding-bottom:3%;
}
.azienda h2 {
  font-family: 'RageItalic';
  text-align:center;
  font-size:4.5em;
  margin:0;
  padding:0 7%;
  font-weight:400;
  color:#000;
}
#slider {
  min-height:700px!important;
}

#storia img {
  max-width:100px;
}
#storia h3 {
  font-family: 'Papyrus-Regular';
  margin-bottom:0;
  font-size:2.5em;
  margin-top:2%;
  font-weight: 600;

}
#storia p {
  font-family: 'Lora';
  font-size:1.45em;
  padding:0 2em 0 5em;
  color:#584339;
  letter-spacing: 1px;
  margin-top:0;
  font-weight: 500;
}

.one, .two, .three {
  background:rgba(255,255,255,0.95);
  margin:2% 0;
  padding:0% 5% 1%;
}

#storia span {
  font-family: 'EdwardianScriptITC';
  font-weight:400;
  font-size:2em;
}
.center {vertical-align:middle;}


@media only screen and (min-width:0px) and (max-width: 720px){

#azienda .azienda {
    position: absolute;
    background: url(../images/risto-m.jpg) bottom center no-repeat;
    background-size: cover;
    width: 100%;
    top: 52px;
    right: 0%;
  }

  .azienda p {
    font-family: 'SegoePrint-Regular';
    color: #fff;
    margin: 0;
    line-height:1.2em;
    padding: 2% 6%;
    font-size: 2em;
    font-weight: 200;
  }

  .menu h3 {
    padding: 0 4%;
    margin-bottom:3%;
  }

  .corsi {
    width: 80%;
  }

  .corsi a {
    margin: 3% 0 4%;
    padding:3% 8%;
    font-size: 2.4em;
  }

  .center {
    max-width:40px;
  }

  #mens {
    padding-top: 78px;
  }

  .menu p {
    margin-top: 4%;
    padding: 4% 6% 1% 6%;
    margin-bottom: 0;
    font-size: 1.8em;
    letter-spacing: 0;
  }

  .fron a {
    display: inline-block;
    padding: 2% 14%;
    margin:1% 0;
    font-size:2.4em;
  }

  .pix {
    padding:0 0 2%;
  } 

  .azienda h2 {
    color: #fff;
    padding-top:2%;
    font-size:5em;
  }

  #slider {
    min-height: 800px;
  }

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

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

  #storia p {
    font-family: 'Lora';
    font-size: 1.6em;
    padding: 0;
    letter-spacing: 0px;
    margin-top: 0;
    font-weight: 500;
  }

  .one, .two, .three {
    background: rgba(255,255,255,0.9);
    padding: 2% 5% 2%;
}

}


@media only screen and (min-width:1440px) and (max-width: 1680px){

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

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

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


  .azienda p {
    font-size:1.15em;
}


}


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

    font-size:1.2em;
  }

  #rog, #mox {
    z-index:1;
    height:70px;
    width:240px;

  }

  #storia img {max-width:70px;}
  .azienda {
    top:70px;
  }
    .azienda p {
    font-size:1.15em;
}


}

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

    font-size:1.2em;
  }

  #rog {
    z-index:1;
    height:70px;
    width:240px;

  }

  #storia img {max-width:70px;}
  .azienda {
    top:70px;
  }
    .azienda p {
    font-size:1.1em;
  }


}

@media only screen and (min-width:601px) and (max-width: 1024px){


  .azienda p {
    font-size:1.2em;
  }

  #rog, #mox {
    height: 70px;
    width:240px;
  }

  #slider {
  min-height: 550px!important;
  }

  #storia img {max-width:70px;}
  .azienda {
    top:70px;
  }
    .azienda p {
    font-size:0.9em;
  }


}
@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:70px;}

}

@media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px) 
  and (orientation : portrait)
  and (-webkit-min-device-pixel-ratio: 1)  { 


  #azienda .azienda {
    position: absolute;
    background: url(../images/risto-m.jpg) bottom center no-repeat;
    background-size: cover;
    width: 100%;
    top: 52px;
    right: 0%;
  }

  .azienda p {
    font-family: 'SegoePrint-Regular';
    color: #fff;
    margin: 0;
    line-height:1.2em;
    padding: 2% 6%;
    font-size: 2em;
    font-weight: 200;
  }

  .menu h3 {
    padding: 0 4%;
    margin-bottom:3%;
  }

  .corsi {
    width: 80%;
  }

  .corsi a {
    margin: 3% 0 4%;
    padding:3% 8%;
    font-size: 2.4em;
  }

  .center {
    max-width:40px;
  }

  #mens {
    padding-top: 78px;
  }

  .menu p {
    margin-top: 4%;
    padding: 4% 6% 1% 6%;
    margin-bottom: 0;
    font-size: 1.8em;
    letter-spacing: 0;
  }

  .fron a {
    display: inline-block;
    padding: 2% 14%;
    margin:1% 0;
    font-size:2em;
  }

  .pix {
    padding:0 0 2%;
  } 

  .azienda h2 {
    color: #fff;
    padding-top:2%;
    font-size:5em;
  }

  #slider {
    min-height: 800px;
  }

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

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

  #storia p {
    font-family: 'Lora';
    font-size: 1.6em;
    padding: 0;
    letter-spacing: 0px;
    margin-top: 0;
    font-weight: 500;
  }

  .one, .two, .three {
    background: rgba(255,255,255,0.9);
    padding: 2% 5% 2%;
}

}