* {
    box-sizing: border-box;
}

iframe{

  width: 100%;
}


body {

    font-family: 'Barlow Condensed', sans-serif;
    margin: 0;
    background-image: url(../img/bg_body.png);
    background-repeat: no-repeat;
    background-size: cover;

}

strong {
  font-weight: 600;
}

.header {
    display: block;
    padding: 80px;
    text-align: center;
    /*background: #1abc9c;*/
    /*width: 100%;
    height: 800px;*/
    color: white;
    /*background-image: url(../img/test_bg_img-01.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
}


.header h1 {
    font-size: 40px;
}
.sec_0{
  position: relative;
  display: block;
  text-align: center;
  margin: 80px 0;
}

.img_food{
 width: 100%;
 max-width: 960px;
 height: 416px;
 background: url(../img/food_1.png) no-repeat center center;
 background-size: cover;
 margin: 0 auto;
}

.caja{
  position: absolute;
  display: block;
  left: 50%;
  margin-left: -380px;
  bottom: -60px;
  height: auto;
  text-align: left;
}

.caja_negra{


  font-family: 'Georgia'!important;
  src: url('/fonts/Georgia/Georgia.ttf') format('truetype')!important;;
  font-weight: normal;
  font-style: normal;

    background-color: #000000;
    width: 640px;
    text-align: left;
    padding: 20px 30px;
    color: #FFFFFF;
    font-size: 40px;
    line-height: 45px;
}

.sec_1{
  font-size: 24px;
  padding: 100px;
   text-align: center;

}

.sec_2{
  padding: 100px;
   text-align: center;

}
.logo_2{
  height: 81px;
  width: auto;
}

.sec_map{

   text-align: center;

}

hr{
  width: 200px !important;
}

hr, .hrcolor {
    height: 2px;
    border: 0;
    color: #1abc9c;
    background-color: #1abc9c;
    opacity: 1;
}

.btn_carta{

    border: none;
    background-color: #000000;
    border-radius: 40px;
    color: #FFFFFF;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    margin: 4px 2px;
    cursor: pointer;
}
.mail{

  width: 161px;
border: none;
padding: 12px;
background-color: #FFFFFF;
border-radius: 40px;
color: #000000;
text-align: center;
text-decoration: none;
display: block;
font-size: 24px;
margin: 4px 2px;
cursor: pointer;

}
.ins{

margin-top: 21px;
  display: inline-block;
}
.face{
  margin-left: 10px;
  margin-top: 21px;
  display: inline-block;
}

.ven{
  font-family: 'Georgia'!important;
  src: url('/fonts/Georgia/Georgia.ttf') format('truetype')!important;;
  font-weight: normal;
  font-style: normal;
  font-size: 35px;
}

.navbar {
    overflow: hidden;
    background-color: #000000B3;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 1;
}


.navbar a {
    float: left;
    display: block;
    color: white;
    text-align: center;
    padding: 14px 20px;
    text-decoration: none;
}



.navbar a.right {
    float: right;
}


.navbar a:hover {
    background-color: #ddd;
    color: black;
}


.navbar a.active {
    background-color: #666;
    color: white;
}


.row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
}


.side {
    -ms-flex: 512px; /* IE10 */
    flex: 512px;
    padding: 0px;
}


.main {

    -ms-flex: 512px; /* IE10 */
    flex: 512px;
    background-color: #000000;
    padding: 20px;
    color: #FFFFFF;

}


.fakeimg {
    background-color: #aaa;
    width: 100%;
    padding: 20px;
}


.footer {
    padding: 60px;
    text-align: center;

}

.logo_1{
  height: auto;
  width: 190px;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
@-moz-keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
@keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
.in-down {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
}

.map_box{
  height: 216px;
  width: 317px;
  border: solid 8px #1abc9c;
}




@media screen and (max-width: 700px) {
    .row {
        flex-direction: column;
    }
    .header {
        padding: 80px;

    }
    .sec_0 {
    position: relative;
    display: block;
    padding: 0;
    text-align: center;
    margin-bottom: 180px;
}
.img_food {
    width: 100%;
    height: auto;
}
.caja {
    position: absolute;
    display: block;
    width: 100%;
    height: auto;
    text-align: left;
    left: 379px;
    top: 142px;
}
.caja_negra {
  margin-top: -23px;
margin-left: 21px;
background-color: #000000;
width: 334px;
height: 156px;
text-align: center;
padding-left: 17px;
padding-top: 12px;
color: #FFFFFF;
font-size: 24px;
line-height: 27px;
}
iframe{
  height: 500px;
  width: 100%;
}
.sec_1 {
  padding: 0px;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 66px;
    text-align: center;
}
body {


    background-image: none;


}
}


@media screen and (max-width: 400px) {
    .navbar a {
        float: none;
        width: 100%;
    }
}