@charset "UTF-8";

@font-face {
    font-family: 'grand_hotelregular';
    src: url('grandhotel-regular-webfont.woff2') format('woff2'),
         url('grandhotel-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{
   -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.header {
    background-color: #478D98;
}
.total_content {
    margin-left: auto;
    margin-right: auto;
    max-width: 580px;
    min-width: 320px;
}
.price_dish {
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 34px;
}
.green_text{
    color: #478D98;
}
.green_ligth_text{
    color: #66CAC8;
}
.gray_text{
    color: #575756;
}
.white_text{
    color: #ffffff;
}
.tittle_dish {
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    padding-bottom: 10px;
}
.dish_es{
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
    font-size: 19px;
    line-height: 20px;
    font-style: italic;
    
}
.dish_en{
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 19px;
    line-height: 20px;
    font-style: italic;
    
}
.hand_witten{
    font-family: 'grand_hotelregular';
    font-size: 45px;
    line-height: 45px;
    font-weight: 400;
    
}
.hand_witten_foot{
    font-family: 'grand_hotelregular';
    font-size: 69px;
    line-height: 70.1px;
    font-weight: 400;
}

.tittle_section {
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 25px;
}
.subtittle_section {
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 22px;
}

.main_logo {
    width: 80%;
    max-width: 270px;
}
.logo_rest {
    width: 90%;
    max-width: 329px;
}
.logo_we_care {
    position: absolute;
    top: -47px;
    max-width: 170px;
}
.gray_back {
    background-color: #ECECEC;
    background-image: url(../img/tri_up.svg), url(../img/tri_down.svg);
    background-repeat: repeat-x, repeat-x;
    background-position: center top, center bottom;
    background-size: 23px auto, 23px auto;
}
.green_back {
    background-color: #66CAC8;
}
.blue_back {
    background-color: #233B60;
}
.f600{
    font-weight: 600;
}
.f400{
    font-weight: 400;
}.small_text {
    font-size: 16px;
    display: inline-block;
}
.separator_img {
    max-width: 140px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.highlight { 
  background: #EE8D00;
  color: #FFF;
  box-shadow:5px 0 0 #EE8D00, -5px 0 0 #EE8D00;
  padding: 2px 0;
  margin:0;
  line-height: 37px;    
}
.back_promo {
    background-image: url(../img/promos/buffet.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.box_button {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1000;
}
.nav_button {
    background-color: #478D98;
    line-height: 24px;
    position: absolute;
    top: 20px;
    right: 20px;
    color: #ffffff;
    font-size: 35px;
    padding: 15px;
    display: block;
    z-index: 1000;
    -webkit-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.35);
    box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.35);
}

.nav_button:hover {
    background-color: #266A75;
    line-height: 24px;
    text-decoration: none;
    color: #ffffff;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 35px;
    padding: 15px;
    display: block;
    z-index: 1000;
    -webkit-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.35);
    box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.35);
}
.button_content {
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}