*{margin: 0px;
padding: 0px;
box-sizing: border-box;}

html, body{width: 100%;}
/*Use the following CSS rules to specify these families:

font-family: 'Lato', sans-serif;
font-family: 'Zilla Slab', serif;*/
.ocultar{display:none;}
img{width: 100%;}

.row:after{
        content:"";
        clear:both;
        display:table;
    }
    
    [class*="col-"{
        float:left;
        padding: 5px;
    }]
    
    /*  esta prohibido crear estilos de tipo clase que empiecen por col-  */
    .col-1{width:8.33%;}
    .col-2{width:16%;}
    .col-3{width:25%;}
    .col-4{width:33.33%;}
    .col-5{width:41.66%;}
    .col-6{width: 50%;}
    .col-7{width:58.33%;}
    .col-8{width: 66.66%;}
    .col-9  {width: 75%;}
    .col-10{width: 83.33%;}
    .col-11{width:91.66%;}
    .col-12{width: 100%;}

.flexi{display:flex;
justify-content: space-between;
flex-wrap: wrap;}
.container{max-width: 1100px;
margin: 0px auto;}

.btn{display: none;
    position: absolute;
    z-index: 2000;
    width:40px;
    top:10px;
    left:10px;}
nav{width:70%; 
padding-top:10px;
z-index: 1000;
}
header{padding-top: 10px;}
nav ul{display:flex;
    justify-content: space-between;
    flex-wrap: wrap;}
    nav li{list-style-type: none;}
    nav a{text-decoration: none;
    color:white;
    font-family: 'Lato', sans-serif;
    font-weight:500;
    display:block;
    }
nav a:hover{color:orange;}
.rrss{width:15%;
    color: white;
z-index: 1000;
font-family: 'Lato', sans-serif;
padding-top:10px;}
.rrss img{width:15px;
float:left;}

.padre{position:relative;
}
#portada{margin-top: -4%;}

#logotipo{
    position:absolute;
top:42%;
left:46%;
width:150px;
z-index: 2000;
    animation-name: x;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    
transform: scale(0);}

 @keyframes x {
     from {transform: scale(0);}
    to{ transform: scale(2);
        transition: all 1s;}
}



.negro{background-color: black;
width:100%;}

#s1{padding-top:80px;
margin-top:-1%;
}
#s1fotos{padding-top:176px;}
#s1textos h1{color:orange;
    font-family: 'Zilla Slab', serif;
    font-size:150px;
    line-height: 130px;
}
#s1textos p{color:white;
font-family: 'Lato', sans-serif;
font-size:16px;
line-height: 18px;
display:block;
padding-top:20px;}
#s1textos h2{color:orange;
    font-family: 'Zilla Slab', serif;
    font-size:60px;
    line-height: 60px;
    text-align:center;
    padding-top:20px;
}
.bahn{   font-family: 'Zilla Slab', serif;
font-size:50px;
     line-height: 50px;
color:white;
font-style: italic;}
#s2{padding-top: 100px;}
#s2 h1{color:white;
    font-family: 'Zilla Slab', serif;
    font-size:150px;
    line-height: 130px;
}
#s2 h2{color:orange;
    font-family:'Lato', sans-serif;
    font-size:30px;
    line-height: 30px;
    text-align: center;
}

#s2 p{color:white;
font-family: 'Lato', sans-serif;
font-size:16px;
line-height: 18px;
display:block;
padding-top:40px;}
.laranja{color:orange;}
.verde{ color:rgba(61,150,109,1)}

.borobil1{width: 80px;
height:80px;
border-radius: 80px;
background-color: orange;
margin:50px auto;
transition: all 1s ease-in-out ;
}
.borobil1:hover{ background-color:rgba(61,150,109,1);
 }
.borobil2{width: 80px;
height: 80px;
border-radius: 80px;
background-color:rgba(61,150,109,1);
margin:50px auto;
transition: all 1s ease-in-out ;
}
.borobil2:hover{ background-color: orange;}
.s2art2{padding-top: 40px;}



#s3{background-image: url(imgft/foodtruck.jpg);
background-size: cover;
background-repeat: no-repeat;
padding: 100px 0px;}

#s3 h1{color:white;
    font-family: 'Zilla Slab', serif;
    font-size:150px;
    line-height: 130px;
   text-align: right;
transition: all 1s ease-in-out ;}
#s3 h1:hover{ color:black;}

 @keyframes agrandar {from {display:none;}
                         to{display: block; }}
}
#s3texto{ width:80%;
margin:0px auto;}
#reserva{color:white;
font-family: 'Lato', sans-serif;
font-size:16px;
line-height: 18px;
display:block;
position:absolute;
z-index: 1000;
top:60%;
left:%;
padding:40px;
background-color: rgba(0,0,0,0.4);
transition: all 2s ease-in-out ;}
#reserva:hover{   background-color: rgba(0,0,0,0.9) }
.s3art2{margin-top:10%;
width: 100%;}
input{padding: 10px;
    width: 100%;
    margin-top: 2%;
    height: 50px;
   color:grey;

}
.w98{width: 98%;}
.boton{width:100px;
margin: 0 auto;
height: 40px;
border-radius:20px;
    margin-top: 1%;
background-color:rgba(61,150,109,1);
color:white;
font-family: 'Lato', sans-serif;
border:none;
font-size:16px;
display: block;
}
.boton:hover{width:100px;
background-color:black;}
#botonfor{ width:100%; margin-top:1%;
text-align: center;}
label{color:white;
font-family: 'Lato', sans-serif;
font-size:16px;
padding:0px 5px;
}
#casilla{width:15px; height: 15px;
}
#s4{padding:150px 0px;}
#s4 article{text-align: right;
position:absolute;
top:15%;
right: 10%;}
#s4 h1{color:white;
    font-family: 'Zilla Slab', serif;
    font-size:125px;
    line-height: 130px;
    text-align: right;
    margin-bottom: 3%;
}
#s4 p{color:white;
font-family: 'Lato', sans-serif;
font-size:16px;
line-height: 18px;
display:block;
margin:15px 0;}

.boton2{width:150px;
    text-align: center;
    padding: 5px;
border-radius:20px;
text-decoration: none;
background-color:orange;
color:rgba(61,150,109,1);
font-family: 'Lato', sans-serif;
font-size:16px;
display: block;
    float:right;
    margin-top: 2%;
}
.boton2:hover{background-color: black;}
#s5{padding:50px 0px;}
#s5 h1{ 
    font-family: 'Zilla Slab', serif;
    font-size:150px;
    line-height: 130px;
    text-align:left;
    margin-bottom: 3%;
}
#s5art p{ color:white;
font-family: 'Lato', sans-serif;
font-size:18px;
line-height: 18px;
display:block;
padding-top:80px;}

.boton3{width:120px;
    text-align: center;
    padding: 5px;
border-radius:20px;
text-decoration: none;
background-color:orange;
color:rgba(61,150,109,1);
font-family: 'Lato', sans-serif;
font-size:16px;
display: block;
margin:40px auto;
}
.boton3:hover{background-color: black;}

.verdosc{background-color: rgba(61,150,109,0.4);
text-align: center;
padding:15px; padding-top: 120px;
height: 450px;
 transition: all 2s ease-in-out ;}
.verdosc:hover{ background-color: rgba(0,0,0,1);}
.p1{ color:white;
font-family: 'Lato', sans-serif;
font-size:30px;
line-height: 33px;
margin-bottom: 2%;}
.p2{color:white;
    font-family: 'Zilla Slab', serif;
    font-size:18px;
    line-height: 20px;
margin-bottom: 2%;}
.bold{font-weight: 500;}
.p3{ color:orange;
font-family: 'Lato', sans-serif;
font-size:50px;
font-weight: bold;
margin-bottom: 2%;}

.p4{ color:white;
    font-family: 'Zilla Slab', serif;
    font-size:16px;
margin-bottom: 2%;}
#s6{padding:150px 0px;}
#s6 h1{ color:white;
    font-family: 'Zilla Slab', serif;
    font-size:150px;
    line-height: 130px;
    text-align:center;
    margin-bottom: 3%;
}

.marra{background-image:url(imgft/lineablanca.png);
background-repeat: repeat-x;
height: 50px;}
.instag{ color:white;
font-family: 'Lato', sans-serif;
font-size:40px;
text-align: center;
padding-top:10px;
}
.padbot{padding-bottom: 50px;}

.fnaranja{background-color: orange;
width: 100%;}
.fblanco{background-color: white;
    padding:5px 5px;
}
.carratu{padding:5px;}
footer{padding:40px 10px;}
footer p{color:white;
    font-family: 'Lato', sans-serif;
font-size:16px;
    text-align: center;
}
.rrss2{
    color: white;
text-align: center;}
.rrss2 img{width:20px;
    padding-left: 5px;
    margin-top: 2%;
}


/*nosotros*/
#s7 h1{color:orange;
    font-family: 'Zilla Slab', serif;
    font-size:150px;
    line-height: 130px;
    text-align:left;
    margin-bottom: 3%;
padding-top:200px;}
.negrita{font-weight: 500;}
#s7 p{color:white;
    font-family: 'Zilla Slab', serif;
font-size:35px;
line-height:35px;
}
#s7{background-image: url(imgft/foodtruckkk22.jpg);
    background-size: cover;
    background-attachment: fixed;
height:800px; 
margin-top: -3%;}
.nombre{ color: orange;
    font-family: 'Zilla Slab', serif;
    font-size:50px;
    line-height:50px;
    text-align: center;
    margin-bottom: 4%;
}
.aneaitor{padding:10px;}
.blanco{background-color: white;}
#s8{margin-top: -15%;
margin-bottom: 15%;}
.dosapas { color:orange;
    font-family: 'Zilla Slab', serif;
    font-size:40px;
    line-height:42px;
    text-align: left;
    margin-bottom: 4%;
margin-top: 4%;}
#s8 p{color:white;
     font-family: 'Lato', sans-serif;
font-size:18px;
line-height:20px;
    padding: 10px;
}



/*  carta   */

#s9{background-image: url(imgft/bahnmitao.jpg);
background-repeat: no-repeat;
background-size: cover;
     background-attachment: fixed;
margin-top: -4%;}
#s9 h1{ color:orange;
    font-family: 'Zilla Slab', serif;
    font-size:150px;
    line-height: 130px;
    text-align:left;
    margin-bottom: 3%;
    padding-top: 200px;
}

#s9 p{ color:white;
    font-family: 'Zilla Slab', serif;
    font-size:20px;    
    line-height: 20px;
    text-align:left;
    margin-bottom: 3%;
padding-bottom:200px;
    
}
.negrop{background-color: rgba(0,0,0,0.8);
    z-index: 1000;
}
#s10{margin-top: -10%;
}
#s10 h2 { 
    font-family: 'Zilla Slab', serif;
    font-size:40px;    
    line-height: 50px;
    text-align:left;
    margin-bottom: 3%;
}
#s10 h3 { 
    font-family: 'Zilla Slab', serif;
    font-size:40px;    
    line-height: 50px;
    text-align:right;
    margin-bottom: 3%;
   }
.pad5 {padding: 40px 10px;}
.cartatxt { color:white;
    font-family: 'Lato', sans-serif;
    font-size:18px;    
    line-height: 20px;
    text-align:left;
    margin-bottom: 3%;
    padding: 20px 0px;
}
#s11{background-color: black;
padding: 40px;}
#s11 h1{  font-family: 'Zilla Slab', serif;
    color:white;
    font-size:125px;    
    line-height:125px;
    text-align:left;
    margin:40px 0px;
text-align: center;}  
.bebidas{margin-bottom:40px;}
.pbebidas{padding:10px 0px;
 color:white;
    font-family: 'Lato', sans-serif;
    font-size:18px;    
    line-height: 20px;}
.zill{font-family: 'Zilla Slab', serif;
font-size:24px;
padding-left: 20px;
font-weight: bold;}
.mtneg{margin-top: -50px;}

/* blog */
#s13{padding:120px 0px;
margin-top: -3%;}
#s13 h1 { font-family: 'Zilla Slab', serif;
    font-size:150px;    
    line-height:125px;
    text-align:left;
    margin-bottom: 3%;}
#s13 h2 {
    font-family: 'Lato', sans-serif;
    font-size:40px; 
    line-height:44px;
    color:white;
    text-align:left;
    margin-bottom: 3%;}

#s14 h1{font-family: 'Lato', sans-serif;
    font-size:40px;    
    line-height:38px;
    text-align:left; 
font-weight: 800;
color:black;
margin-bottom: 4%;}
.txt{font-family: 'Lato', sans-serif;
    font-size:18px;    
    line-height:20px;
    text-align:left; 
    color:black;}
.post{ font-family: 'Lato', sans-serif;
    font-size:16px;
    color:  orange;
font-style: italic;
margin-bottom: 3%;}
.noticia{padding-left: 20px;}
#s14 article{margin: 40px auto;}
.paginas{color:orange;
font-family: 'Lato', sans-serif;
    font-size:16px;
    text-align: center;
    margin:50px auto;}
#s14art1{padding-top:35px;}

/*  Dónde estamos */
#s15{margin-top: 150px;
margin-bottom: 50px;}
#s15 h1{font-family: 'Zilla Slab', serif;
    font-size:125px;    
    line-height:128px;
    text-align:left; 

margin-bottom: 3%;}

.tachau{text-decoration:line-through;}
.txuri{color:white;}


#s15 p {font-family: 'Lato', sans-serif;
    font-size:18px;    
    line-height:20px;
    text-align:left; 
    color:white;}
.map{margin: 50px auto ;
width: 100%;}

#formu2{ margin: 0 auto;}
#formu2 input{height: 50px;
display:block;
}
textarea{height: 200px;
width:100%;
padding:10px;
margin:25px auto;
}

.boton4{display: block;
margin:80px auto;
width:100px;
height: 40px;
color:white;
background-color:  rgba(61,150,109,0.4);
    border-radius:25px;
border:none;}

#s16{padding:100px 0;}

#s16 h1{ font-family: 'Zilla Slab', serif;
    font-size:125px;    
    line-height:128px;
    text-align:left;
margin-bottom: 3%;
color:orange;}
.italic{font-style: italic;}
#s17 article{padding:40px 5px;}
.person {color:black;
    display: block;
font-family: 'Lato', sans-serif;
    font-size:20px; 
    font-weight: 600;
    margin-top:15%;
 margin-bottom: 2%;
    border-bottom: 2px solid orange;
     width:200px; 
  }
.complem {color:black;
    display: block;
    font-family: 'Lato', sans-serif;
    font-size:16px;  
    margin-bottom: 1%;
    width:120px;  
    display: inline-block;
    vertical-align: top;
  }

.casilla{width:15px;
height:15px;
    display: inline-block;
    vertical-align: top;
    border:1px solid black;
    background-color: transparent;
}
select{border:none;}
#bckim{background-image: url(imgft/oliver-sjostrom-QXVxgECGUsA-unsplash.jpg);
background-size: cover;
background-position: center;}
#bcki2{background-image:url(imgft/fondo.jpg);
background-size:cover;}

table{color:white;
border:1px solid white; }
td{border-bottom: 1px solid white;
width:100%; margin-bottom: 2%;
    padding:10px 30px;
     font-family: 'Lato', sans-serif;
    font-size:16px;
}
tr{}


/* TAAAABLEEEEEEET*/
@media screen and (max-width: 1100px)
{
    .colt-1{width:8.33%;}
    .colt-2{width:16%;}
    .colt-3{width:25%;}
    .colt-4{width:33.33%;}
    .colt-5{width:41.66%;}
    .colt-6{width: 50%;}
    .colt-7{width:58.33%;}
    .colt-8{width: 66.66%;}
    .colt-9  {width: 75%;}
    .colt-10{width: 83.33%;}
    .colt-11{width:91.66%;}
    .colt-12{width: 100%;}    
     .wm80{width: 70px;
    padding-right: 5px;}
   
    nav{display:none; width: 100%;
    background-color: rgba(0,0,0,1);
    padding: 10px 0px;}
    nav ul{display:block}
    nav a{width:100%; text-align: center;
    padding:15px 0px;
    font-size:22px}
    
    .btn{display:block;}
    .rrss{position: absolute;
    top:5px;
    right: 5px;  }
    .rrss img{width:15px;}
    header{padding-top:     0px;}
    #logotipo{
    position:absolute;
    top:39%;
    left:37%;
    width:250px;
    animation-name: x;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;    
    transform: scale(0);}
 @keyframes x {
    #s1{ padding:50px 50px;}
     from {transform: scale(0);}
    to{ transform: scale(1.5);
        transition: all 1s;}}
     #s1textos h1{font-size:80px;
    line-height:70px;
        }
        .bahn{   font-family: 'Zilla Slab', serif;
        font-size:25px;
         line-height: 40px;
       }
         #s1textos h2{font-size:40px;
    line-height: 40px;
        }
    .wt60{width: 60%;}
    .wt40{width: 40%;}
    .tvaca{margin-top:4%;}
    #s1, #s2, #s3, #s4, #s5, #s6{padding:40px 0px;}
 #s2 h1,#s3 h1,#s4 h1, #s5 h1, #s6 h1{font-size:80px;
    line-height:70px;
        }
    .wt100{width:100%;}
    .wt70{width: 70%;}
 #s2 h2{color:orange;
    font-family:'Lato', sans-serif;
    font-size:40px;
    line-height: 40px;
    text-align: center;}
 #s3 h1{padding-right: 60px;
    font-size:80px;
    line-height: 70px;
     text-align: right;}

#botonfor{  margin-top:5%;
}
 #reserva{
top:62%;
left:11%;
padding:10px;
background-color: rgba(0,0,0,0.4);
transition: all 1s ease-in-out ;
    margin-bottom: 4%;}
   

#s4 h1{ 
    text-align: right;}
#s4 h2{ font-size:25px;
    line-height: 28px;
    font-weight: 200;
    text-align: right;}

.wt50{width:50%;}
#s5art p{
padding-top:30px;}

.boton3{
margin:20px auto;
}
.verdosc{
transition: all 2s ease-in-out ;
margin:0 auto;}
iframe{width: 95%;}
.p1{ color:white;
font-family: 'Lato', sans-serif;
font-size:25px;
line-height: 28    px;
margin-bottom: 2%;}
.wt25{width:25%;}
    
 .instag{ 
font-family: 'Lato', sans-serif;
font-size:25px;
text-align: center;
padding-top:10px;
}
.wt80{width: 80%;
    margin:0px auto;}
.containert{max-width:95%;
margin: 0px auto;}
    
    .flexit{display:flex;
    justify-content: space-between;
    flex-wrap: wrap;}
    .tocultar{display:none;}
    .tmostrar{display: block;}
    

/* nosotros tablet*/

    #s7 h1{font-size:80px;
        color:white;
    line-height:70px;}
    #s7 p{font-size: 25px;
    line-height: 25px; ;}

.nombre{ color:white;
    font-family: 'Zilla Slab', serif;
    font-size:50px;
    line-height:50px;
    text-align: center;
    margin-bottom: 4%;
}
.aneaitor{padding:10px;}
.blanco{background-color: white;}
#s8{margin-top: -30%;
margin-bottom: 15%;}
.dosapas { color:orange;
    font-family: 'Zilla Slab', serif;
    font-size:40px;
    line-height:42px;
    text-align:left;
  }
#s8 p{text-align: left;}
    #s7{
height:800px; 
margin-top: -3%;}





/*  la carta tablet */
    #s9{background-position: center;}
    #s9 h1{ color:orange;
    font-family: 'Zilla Slab', serif;
    font-size:90px;
    line-height: 95px;
    margin-bottom: 3%;
    padding-top: 200px;
}
    #s10{margin-top: -20%;}
#s10 h2{ 
    font-family: 'Zilla Slab', serif;
    font-size:30px;    
    line-height: 40px;
    text-align:left;
    margin-bottom: 3%;
}
#s10 h3{ 
    font-family: 'Zilla Slab', serif;
    font-size:30px;    
    line-height:30px;
    text-align:right;
    margin-bottom: 3%;
   }
    #s11 h1{color:orange;
    font-family: 'Zilla Slab', serif;
    font-size:90px;
    line-height: 92px;
    }
    /* blog tablet*/
.mtneg{margin-top: -30px;}
    #s13 h1{font-size:90px;}
     #s13 h2{font-size:40px;}
    #s14 h1{font-size:50px;
    line-height: 46px;}
    /*donde estamos*/
#s15 h1{ font-size:90px;
    line-height: 95px;}
    
    
    
    /* personaliza tablet*/
    #s16 h1{text-align: center;
    margin:0 auto;
    font-size: 90px;
    line-height: 90px;}
  
    #bcki2{background-image:url(imgft/fondo.jpg);
background-size:cover;
    margin:0 auto;}
    
}




/*MOOOOOVIIIIL*/


@media screen and (max-width:641px){
    
    h1{font-weight: 300;}
        h2{font-weight: 300;}
        #s1, #s2, #s3, #s4    {padding:70px 0px;}
    #s5{padding:35px 0px;}
    #s6{padding:40px 0px;}
    .colm-1{width:8.33%;}
    .colm-2{width:16%;}
    .colm-3{width:25%;}
    .colm-4{width:33.33%;}
    .colm-5{width:41.66%;}
    .colm-6{width: 50%;}
    .colm-7{width:58.33%;}
    .colm-8{width: 66.66%;}
    .colm-9  {width: 75%;}
    .colm-10{width: 83.33%;}
    .colm-11{width:91.66%;}
    .colm-12{width: 100%;} 
    .wm80{width: 60px;}
 .containert{max-width:90%;
margin: 0px auto;}

    .mocultar{display: none;}
    .mmostrar {display:block;}
#logotipo{
    position:absolute;
    top:42%;
    left:34%;
    width:120px;
    animation-name: x;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;    
    transform: scale(0);}
 @keyframes x {
    #s1{ padding:50px 50px;}
    #s1{ padding:50px 50px;}
     from {transform: scale(0);}
    to{ transform: scale(1.5);
        transition: all 1s;}}
     #s1textos h1{font-size:60px;
    line-height:50px; }
    nav{padding:30px 0px;}
    .bahn{font-size: 30px;}
     #s2 h1,#s3 h1,#s4 h1, #s6 h1{font-size:50px;
    line-height:48px;}
    
#s1fotos{padding-top:60px;}

    .mvaca{width:80%;
    margin: 0 auto;
    padding-top:50px;}
        .tvaca{margin-top:0%;}
    #s2 h2{color:orange;
    font-family:'Lato', sans-serif;
    font-size:20px;
    line-height: 22px;
    text-align: center;
}
    .movcentrar{margin:0 auto;}
    
    .borobil1{ width:80px;
        height: 80px;
        border-radius: 80px;
margin:20px 10px;

}
   
.borobil2{
     width:80px;
        height: 80px;
        border-radius:80px;
    margin:20px 10px;

}
.orden{order: 1;}

.s2art2{padding-top: 40px;}

#reserva{
position:inherit;
padding:10px;
background-color: rgba(0,0,0,0.4);
transition: all 1s ease-in-out ;
    margin:20px 0px;}

    #s3 h1{text-align: center;padding-right: 0px;}
   .boton{
    margin-top:3%;

} 
.s3art2{margin-top:0%;}
input{padding: 10px;
    width: 100%;
    margin-top: 1%;
    }
#s4 article{text-align: right;
position:inherit;
    top:0;
    right: 0;
text-align: center;
}
    
    
#s4 h1{ 
    text-align:center;}


 #s4 h2{ font-size:16px;
    line-height: 20px;
    font-weight: 200;
    padding-left: 20px;
    text-align: center;}

    .mt{margin-top:30px;}
.boton2{
    float:none;
    margin:15px auto;
}
.verdosc{
background-color: rgba(61,150,109,0.4);
text-align: center;
padding:15px; 
height:auto;
transition: all 2s ease-in-out ;}
    iframe{width: 100%;}
#s5 h1{ 
    font-family: 'Zilla Slab', serif;
    font-size:50px;
    line-height: 52px;
    text-align:center;
    margin-bottom: 0%;
}
#s5art p{ 

text-align: center;

padding-top:15px;}

    
    
    
.boton3{
margin:15px auto;
}
.mb{margin-bottom: 3%;}
.mb2{margin-bottom:8%;
 }
        
        
.instag{
font-size:16px;
text-align: center;
padding-top:10px;
}
    .tac{text-align: center;}
/*  nosotros movil*/
#s7 h1{font-size:50px;
    line-height:48px;
    color:white}
   
#s7 p{font-size: 20px;
    line-height: 22px; ;}

.nombre{ color:white;
    font-family: 'Zilla Slab', serif;
    font-size:30px;
    line-height:30px;
    text-align: center;
    margin-bottom: 4%;
    font-weight:600;
}


#s8{margin-top: -50%;
margin-bottom: 15%;}

.dosapas { color:orange;
    font-size:32px;
    line-height:28px;
 
    text-align:left;
  }
#s8 p{text-align: left;
     padding: 0px;}

#s7{
height:600px; 
margin-top: -3%;}
/* carta movil */
    
#s10{margin-top: -35%;

}
    #s9{background-position: center;}
    #s9 h1{   font-size:50px;
    line-height: 52px;
    text-align: center;}
      #s9 p{  
    text-align: center;}
     #s11 h1{color:orange;
    font-family: 'Zilla Slab', serif;
    font-size:50px;
    line-height: 52px;
    }
 #s10 h2{ 
    font-family: 'Zilla Slab', serif;
    font-size:25px;   
     font-weight: 100;
    line-height: 30px;
    text-align:left;
    margin-bottom: 3%;
}
#s10 h3{   font-family: 'Zilla Slab', serif;
    font-size:25px;   
     font-weight: 100;
    line-height: 20px;
    text-align:left;
    margin-bottom: 3%;
  
   }    
    .zill{font-family: 'Zilla Slab', serif;
font-size:24px;
padding-left: 20px;
font-weight: 200;}

    /* blog movil*/
    #s13 h1{font-size:50px;
    margin-bottom: 0%;}
     #s13 h2{font-size:20px;
    line-height: 20px;
    margin-top:0;
    font-weight:normal;}
    .txt{font-family: 'Lato', sans-serif;
    font-size:18px;    
    line-height:20px;
    color:black;
    }
    .noticia{padding: 0px;}
    #s14 h1{font-size:25px;
    line-height:25px;
    margin-bottom: 4%;}
    #s14 article{margin-bottom: 15%;}
    /* donde estamos*/
    .map{height: 500px;}
    #s15 h1{ font-size:50px;
    line-height: 50px;}

}