/******************************************
/* CSS
/*******************************************/

/* Box Model Hack */
*{
  box-sizing: border-box;
}
body {
  font-family: 'Adamina', serif;
  font-family: 'Londrina Shadow', cursive;
  font-family: 'Montserrat', sans-serif;
  font-family: 'Prata', serif;
}
/******************************************
/* LAYOUT
/*******************************************/

header img {
   width: 100%;
}
header h1 {
  color: rgb(0,100,0);
  margin-top: -30%;
  padding-left: 15%;
  font-size: 120px;
  font-weight: 200;
}
header p {
  color: rgb(0,100,0);
  padding-left: 30%;
  font-size: 40px;
  margin-top: -95px;
  font-weight: 200;
}
.menu {
  padding-top: 5%;
}
.image {
 padding-top:15.2%;
}
.image img {
  height: 500px;
  width: 840px;
 
}
.image2 {
  margin-top: -14.9%;
  padding-left: 58.3%;
}
.image2 img {
  width: 600px;
  height: 500px;
   /* width: 814px;  */
  /* height: 500px */
}
.drinks {
  /* margin-top: -34%; */
  /* padding-left: 3%; */
}
.price2 p {
  margin-top:12px;
}
.drinks p {
  color:white;
  line-height: 1.4;
  font-size: 30px;
  margin-top: -31%;
  padding-left: 3%;
}
.time p{
  text-align: right;
  color:white;
  font-size:90px;
  margin-top: -21%;
  padding-right: 6.5%;
}
.time2  p{
  text-align: right;
  color:white;
  font-size: 30px;
  margin-top: -7%;
}
.section2 {
  background-color:#2F4F4F;
 /* padding-top: 10%; */

}
.menu h2 {
  text-align:center;
  color:white;
  font-size: 90px;
  padding-top: 10%;
}
.menu-text {

}
.menu-text p {
  color:white;
  text-align:center;
  padding-top: 10%;
}
.appetisers {
  color:white;
  padding-top: 5%;
   padding-left: 19%; 
}
.appetisers h1,h2 {
  color:white;
 font-size:45px;
}
.appetisers p {
  color:white;
}
.appetisers2 p {
  color:white;
}
.price {
  /* padding-top: 2.5%; */
}
.price p {
  color:white;
  margin-top: -65.5%;
  padding-left: 27%;
  line-height: 5.5;

}
.price2 {
  /* padding-top: 30%; */
}
.price2 p {
  color:white;
  padding-top: 4.7%;
  padding-left: 27%;
  line-height: 5.5;

}
.tapas {
  margin-top: -78.6%; 
 padding-left:45%;
}
.tapas h1 {
  margin-top: 13.5%;
}


.price3 {
  padding-top: 2.5%;
}
/* .price3 p { *
  color:white;
  margin-top: -70%;
  padding-left: 27%;
  line-height: 5.5;

}/

.price3 {
  /* padding-top: 2.5%; *
}*/
.price3 p {
  color:white;
  margin-top: -121.6%;
  /* padding-left: 55%; */
  padding-left: 50%;
  line-height: 5.5;

}
.price4 {
  /* padding-top: 30%; */
}
.price4 p {
  color:white;   
   padding-left:50%;
   margin-top: -58.2%;
  /* margin-left: 54%; */
  /* margin-top: -57.5%; */
  line-height: 5.5;

}
.vl{
 border-left: 3px solid white;
 height: 960px;
 margin-left: 50%;
 margin-top: -77%;

}


footer {
 margin-top: 18%;

}
footer img {
  width: 100%;
  height: 400px;
}
.content p {
    color:black;
    margin-top: -21%;
    text-align:center;
    font-size: 50px;
}
.email p{
  color:black;
  text-align:center;
  font-size: 22px;
  margin-top:-20px;
}
.phone  p{
  color:black;
  text-align:center;
  font-size: 22px;
}
.copyright p{
  color:black;
  text-align:center;
  padding-top:6%;
}



/******************************************
/* ADDITIONAL STYLES
/*******************************************/


/* 940 768 480 414 375 360 */

/****************************** responsive*********************************/

@media (max-width: 940px) {
  header img {
    width: 122%;
  }
  header p {
    padding-top: -10%;
    padding-left: 38%;
  }
  header h1{
    margin-top: -35%;
  }
  .image{
    padding-top:12%;
  }
  .image img {
    /* height: 500px; */
    width: 549px;
  }
  .image2 {
    margin-top:-25.3%;
  }
  .image2 img{
    width: 599px;
  }
  .menu {
    padding-top: 11%;
  }
  .drinks p {
    margin-top: -45%;
    padding-left: 6%;
  }
  .section2 {
    margin-top: -44px;
    width:122%;
  }
  .time{
    margin-right: -19%;
    margin-top: -33%;
  }
  .time2 p{
    margin-top: -9%;
  }
  .tapas {
    margin-top: -96.3%;

  }
  .appetisers p {
    margin-top: 15px;
  }
  .price p {
    margin-top: -82%;
    padding-left: 32%;
  }
  .price2  {
    padding-left: 7%;
    padding-top: 2px;

  }
  .price3 {
    margin-top: -153.6%;
    padding-left: 16%;
  }
  .price4 {
    padding-top: 7.5%;
    padding-left: 17%;
  }
  .vl {
    margin-top: -98%;
  }
  .footer {
    padding-top: 7%;
  }
  footer img {
    height: 407px;
  }
  .content p {
     margin-top: -23%;

  }
  .copyright {
    margin-top: -2%;
  }
  footer {
    margin-top: 24%;
}

  @media (max-width: 768px) {
    header {
      width: 117.1%;
    }
    header p {
      padding-left: 39%;
    }
    .image {
      padding-top: 12.5%;
    }
    .drinks p {
      margin-top: -58%;
    }
    .image2 {
      margin-top: -28%;
      padding-left: 71%;
    }
    .image2 img {
      width:552px;
    }
    .time {
      margin-right: -43%;
      margin-top: -42%;
    }
    .time2 p{
      margin-top: -9%;
    }
    .section2 {
      width:143%;
    }
    .menu {
      padding-top: 14%;
    }
    .price p {
      margin-top: -85%;
    }
    .tapas {
     margin-top: -100%;
    }
    .appetisers p {
      margin-top: 14px;
    }
    .tapas h2 {
      padding-top: 5px;
    }
    .price3 {
      margin-top: -161%;
    }
    .price4 {
      padding-top: 8%;
    }
    .price {
      margin-top: -85%;
    }
    .content {
      margin-top:-25%;
    }
    footer img {
      height: 422px;
  }
    @media (max-width: 480px) {
      header {
        width: 162.4%;
      }
      header h1 {
        font-size: 100px;
      }
      header p {
        font-size:36px;
        padding-top: 14px;
        padding-left: 38%;
      }
      .drinks p {
        margin-top: -84%;
      }
      .image {
        padding-top: 18%;
      }
      .image img {
        width: 476px;
      }
      .image2 {
        margin-top: -53.6%;
        padding-left: 99%;
      }
      .image2 img {
       width: 476px;
      }
      .time {
        margin-right: -97%;
        margin-top: -65%;
      }
      .time p {
        font-size: 76px;
      }
      .time2 p {
        margin-top: -85px;
        font-size: 28px;
      }
      .menu {
        padding-top: 20%;
      }
      .section2 {
        width: 198%;
      }
      .price p{
        margin-top: 0%;
      }
      .appetisers {
         padding-left: 8%; 
      }
      .price {
        margin-top: -86.5%;
        margin-left: 4%;
      }
      .tapas {
        margin-top: -100%;
        margin-left: 9%;
      }
      .price2 {
        padding-left: 10%;
        padding-top: 2px;

      }
      .price3 {
        margin-left: 33%;
        margin-top: -195%;
      }
      .price4 {
        padding-top: 10%;
        margin-left: 32%;
      }
    .vl {
      margin-top: -118%;
    }
    footer {
      margin-top: 27%;
  } 
  .content {
     margin-top: -28%;
  }
  footer img {
    height: 412px;
  }
  @media (max-width: 414px) {
    header {
      width: 207.5%;
    }
    header p {
      padding-left: 36%;
    }
    .image {
      padding-top: 27%;
    }
    .image img {
      width: 536px;
  }
  .drinks p {
    margin-top: -97%;
    padding-left: 14%;
   }
   .image2 {
    margin-top: -62.7%;
    padding-left: 129%;
  }
   .image2 img {
    width: 514px;
}
.time {
  margin-right: -144%;
  margin-top: -65%;
}
.section2 {
  width: 254%;
}
.price {
  margin-top: -84.5%;
  margin-left: 4%;
}
.price2 {
  padding-left: 10%;
  margin-top: 3%;
}
 .appetisers p {
  margin-top: 25px;
}
.tapas {
  margin-top: -95%;
  margin-left: 9%;
}
.price3 {
  margin-left: 33%;
  margin-top: -191%;
}
.price4 {
  padding-top: 15%;
  margin-left: 32%;
}
.vl {
  margin-top: -118%;
}
  .menu-text p {
   padding-top: 20%;
}
footer {
  /* margin-top: 27%; */
  padding-top: 6%;
}
footer img {
  height: 416px;
}
@media (max-width: 375px) {
   header {
    width: 207%;
  }
  header p {
    padding-left: 38%;
  }
  .image {
    padding-top: 21%;
  }  
  .drinks p {
    margin-top: -104%;
    padding-left: 14%;
  }
  .image2 {
    margin-top: -72%;
    padding-left: 132%;
  }
  .image2 img {
    width: 452px;
  }
  .time {
    margin-right: -152%;
    margin-top: -82%;
  }
  .time p {
    font-size:73px;
  }
  .time2 p {
    font-size: 30px;
    padding-top: 1%;
  }
  .section2 {
    width: 253%;
 }
 .tapas {
   margin-top: -97%;
  margin-left: 9%;
 }
 .tapas h1 {
  margin-top: 7.5%;
}
.price {
  margin-top: -85.5%;
  margin-left: 4%;
}
.price2 {
  padding-left: 10%;
  margin-top: -1%;
}
.price3 {
  margin-left: 33%;
  margin-top: -194%;
}
 .appetisers p {
   margin-top: 14px;
}
 .menu-text {
   margin-top: -121px;
  
}
.vl {
  margin-top: -116%;
}
footer {
  padding-top: 4%;
}
footer img {
  height: 423px;
}
@media (max-width: 360px) {
     header {
      width: 220%;
     }
     .image {
      padding-top: 22%;
  }
  .image2 {
    margin-top: -72.3%;
    padding-left: 141.5%;
  }
  .image2 img {
    width: 456px;
  }
  .drinks p {
    margin-top: -111%;
    padding-left: 14%;
  }
  .time {
    margin-right: -168%;
    margin-top: -82%;
  }
  .vl {
    margin-top: -115%;
}
  .menu-text {
    margin-top: -13%;
}
  .time p {
    font-size: 74px;
}
.time2 p{
  font-size: 30px;
}
  .section2 {
    width: 268%;
  }
  .tapas {
    margin-top: -97%;
    margin-left: 9%;
  }
  .price {
    margin-top: -84.5%;
    margin-left: 4%;
  } 
  .price3 {
    margin-left: 33%;
    margin-top: -192%;
  } 
  .price4 {
    padding-top: 11%;
    margin-left: 32%;
}
  footer img {
    height: 426px;
  }
}