/*font-family: 'Rozha One', serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;*/

*{padding:0px;
   margin: 0px;
   box-sizing: border-box;}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
    animation-delay: 1s;
    animation-duration:6s;
}

html,body{width:100%;height: 100%; }
img{width:100%;}

p{ font-family: 'Open Sans', sans-serif;
font-size:16px;}

.ocultar{display:none;}
.flexi  {display:flex;
justify-content: space-between;
flex-wrap: wrap}
.w60{width:60%;}
.w70{width:70%;}
.w40{width:40%;}
.w45{width:40%;}
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w30{width:30%;}
.w35{width:35%;}
.w50{width:50%;}
.w80{width:80%;}
.w100{width:100%;}


.pt5{padding-top:5px;}

.frosa{background-color: rgba(250,0,0,0.4);
}
.fblanco{background-color: white;}
.padre{position: relative;}
video{width: 100%;}
#entrada{width: 100%;
height: 100%;
overflow: hidden;}


.boton{width:120px;
    padding:5px;
    display:block;
    text-decoration: none;
    position: absolute;
    color:white;
    background-color:  rgba(250,0,0,1.0);
    opacity: 1;
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    text-align: center;
    border-radius: 15px;
    bottom:4%;
    left:28%;
    z-index:100;
}

header{
padding:10px;
z-index:1000;
width:100%;
background-color: white;
}
nav{padding:5px;
}
nav a{text-decoration: none;
display:block;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size:16px;
color:black;
}
nav a:hover{
color:red;
}
#menu-movil{display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 75%;}
nav li{list-style-type: none;}
#rrss img{width:15px;}
#rrss p{ margin-bottom: -5px;}
#logohe{
padding-left:20px;
width: 100px;}



.destacado{ position:absolute;
top:22%;
left:15%;
width:50%;}
#s1 img{opacity:0.6;
}
#s1 h1{font-family: 'Open Sans', sans-serif;
font-size:110px;
font-weight: bold;
line-height: 100px;
margin-bottom: 2%;}
#s1 h2{font-family: 'Open Sans', sans-serif;
font-size:40px;
font-weight: bold;
line-height:42px;
margin-bottom: 2%;}
#legible{font-weight:700;
font-size: 18px;
line-height: 20px;}

#s2 article{text-align: center;
    padding:20px 80px ;
height: auto;}

.num{font-family: 'Rozha One', serif;
font-size:130px;
color:black;
    margin-bottom: -20px;
}
#s2 h1{
font-family: 'Open Sans', sans-serif;
font-size:23px;
    font-weight: bold;
margin-bottom: 3%;
}
.boton2{width:120px;
    padding:5px;
    display:block;
    text-decoration: none;
    margin:20px auto;
    color:white;
    background-color:  rgba(250,0,0,1.0);
    opacity: 0.5;
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    text-align: center;
    border-radius: 15px;
    z-index:100;
   
}
.botonraro{width:120px;
    padding:5px;
    display:block;
    text-decoration: none;
    margin:0px auto;
    color:white;
    background-color:  rgba(250,0,0,1.0);
    opacity: 0.5;
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    text-align: center;
    border-radius: 15px;
    z-index:100;
   
}
.supergrande{
    width:80%;
margin: 0px auto;}
.aprend{
    position: absolute;
    font-size:40px;
    padding-left: 150px;
}
#s3{margin-top:120px;}
.s3art1{width:80%;
margin:0px auto;
}
.s3art2{width:100%;}
#hijito{position: absolute;
z-index: 100;
width:35%;
left:40%;
bottom:65%;}

#s4{margin-bottom: 70px;
margin-top: 70px;}




#sombrero{width: 50%;
margin: 0px auto;}
.txtdcha{ font-family: 'Open Sans', sans-serif;
font-size:16px;
text-align: left;
line-height:22px;
    padding-right:80px;
}
.txtizda{ font-family: 'Open Sans', sans-serif;
font-size:48px;
font-weight: bolder;
text-align:right;
line-height: 50px;}


#s5hola{background-color:rgba(36,35,97,1);
clear:both;
z-index: 100;}

#s5{
background-color:white;
margin-top: 10%;}
#s5 article {color:white;
padding-top: 60px;
padding-bottom: 60px;
padding-left:300px;}

#s5 h2{font-family: 'Open Sans', sans-serif;
font-size:40px;
font-weight: 700;
margin-bottom: 5%;}
    

#bus{width:20%;
position: absolute;
    z-index:200;
    right:13%;
    top:20%;}

 .boton3 {width:90px;
  
     padding:2px;
    display:block;
    text-decoration: none;
    position: absolute;
    color:red;
    background-color:  white;
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    text-align: center;
    border-radius: 15px;
    z-index:100;
    
}
    
footer{background-color: black;
padding-top: 30px;}
footer p{color:white;}
.adio img{width:60px;}

.tac{text-align: center;}
legend{color:white;
 font-family: 'Open Sans', sans-serif;
    font-size:16px;}
input{border: none;
padding:5px 10px;
 font-family: 'Open Sans', sans-serif;
    font-size:16px;}
#enviar{margin-left:-5px;
background-color:red;
color:white;}
.padle{padding-left: 40px;}



.btn{display: none;
position: absolute;
z-index: 1000;
top:10px;
left: 10px;
width:70px;}

@media screen and (max-width:1500px){
    
    

#bulldog{position:absolute; 
top: 20%;
left:55%;
z-index: 1000;
width:370px;} 

.wellcome{
    padding:40px;
    font-size:140px;
    font-weight: bolder;
    line-height: 135px;}

.boton{width:120px;
    padding:5px;
    bottom:65px;
    left:50%;
    z-index:100;
}

    
.destacado{ 
top:10%;
left:15%;
width:55%;}
    #s1 h1{
font-size:90px;
line-height: 90px;
}
#s1 h2{
font-size:36px;
font-weight: 700;
line-height:38px;
 }
    .supergrande{margin: 50px auto;}
   #hijito{position: absolute;
z-index: 100;
width:55%;
left:35%;
bottom:70%;}
    .martop{margin-top: 4%}
    
 #sombrero{width: 70%;
margin: 0px auto;}   
#s5 article {
padding-left:150px;}
 #bus{width:25%;
position: absolute;
    z-index:200;
    right:14%;
    top:20%;}
    
}

@media screen and (max-width:1024px){
.wt60{width:60%;}
.wt40{width:40%;}
.wt45{width:40%;}
.wt10{width:10%;}
.wt15{width:15%;}
.wt20{width:20%;}
.wt30{width:30%;}
.wt35{width:35%;}
.wt50{width:50%;}
    .wt80{width:80%;}
.wt100{width:100%;}
    
 
#entradat{width: 100%;
height: 100%;
overflow: hidden;}

.boton{width:120px;
   
}
    
    
header{
padding:10px;
background-color:white;
} 
    
    
.btn  {display: block;}
nav{padding:10px;
    display:none;
    width: 100%;
    background-color: white;
    z-index: 100;}
nav a{text-decoration: none;
display:block;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size:16px;
color:black;
width:20%;}

#menu-movil{display: block;
justify-content: space-between;
flex-wrap: wrap;
    width: 100%;}
    
nav li{list-style-type: none;
    width: 40%;
    margin: 0px auto;}
    nav a{width: 100%;
    text-align: center;
    padding-bottom: 10px;}
    
.logo2{margin:0px auto;
 }
  
    
.tmostrar{display:block;}
.tocultar{display:none;}


.destacado{ position:absolute;
top:20%;
left:15%;
width:60%;}

#s1 h1{
font-size:80px;
line-height:84px;
margin-bottom: 10px;}
#s1 h2{
font-size:30px;
line-height:34px;
margin-bottom: 5px;}    
  
#s2 article{text-align: center;
padding:60px 20px ;
height:auto;}    
    

.supergrande{
    width:100%;
    margin-bottom:1%;}
.aprend{
font-size:30px;
padding-left: 10px;}
#s3{margin-top:80px;}
.s3art1{width:80%;
margin:0px auto;}
.s3art2{width:100%;}
    #sombrero{width: 90%;} 
    #s4 h2{font-size: 40px;
        line-height: 40px;}
    
    
#hijito{position: inherit;
z-index: 0;
width: 80%;
margin: 0 auto;
text-align:left;
left:0px;
bottom:0px;
}
    .txtdcha{ font-family: 'Open Sans', sans-serif;
font-size:16px;
text-align: left;
line-height:22px;
    padding-right:65px;
}
#s5{
background-color:white;}
#s5 article {color:white;
padding-top: 60px;
padding-bottom: 60px;
padding-left:100px;}

#s5 h2{font-family: 'Open Sans', sans-serif;
font-size:25px;}
 #bus{width:28%;
position: absolute;
    z-index:200;
    right:10%;
    top:20%;}

}




@media screen and (max-width:641px){




    .boton{
    position: absolute;
     
    bottom:6%;
    left:5%;
    z-index:100;}

#entradam{width: 100%;
height: 100%;
overflow: hidden;}
    
    
.wm60{width:60%;}
.wm80{width:80%;}
.wm40{width:40%;}
.wm45{width:40%;}
.wm10{width:10%;}
.wm15{width:15%;}
.wm20{width:20%;}
.wm30{width:30%;}
.wm35{width:35%;}
.wm50{width:50%;}
.wm100{width:100%;}
.wm90{width:90%;}
.btn {display: block;}

.flexim{display:block;}
header{
    padding: 0px;
    margin: 0px;}
nav{padding:10px;
   }
nav a{text-decoration: none;
display:block;
    font-size: 18px;
    padding:10px;
text-align: center;
width:100%;
}

#menu-movil{display: block;
}
    
nav li{list-style-type: none;}
#rrss{display: none;}
    
#s1{margin-bottom: 0px;}
    
.destacado{ position:absolute;
top:25%;
left:15%;
width:80%;}
#s1 img{opacity:0.6;}
#s1 h1{font-family: 'Open Sans', sans-serif;
font-size:50px;
line-height: 53px;
margin-bottom: 5%;}
#s1 h2{font-family: 'Open Sans', sans-serif;
font-size:22px;
font-weight: bold;
line-height:25px;
margin-bottom: 3%;}
#legible{font-weight:500;
font-size: 16px;
line-height: 18px;}    
    

    
#s2{margin-bottom:0px;
 }
   
.mfrosa{background-color: rgba(250,0,0,0.4);
    padding-bottom: 80px;
}
.mfblanco{background-color: white;
    }
#s2 article{text-align: center;
    padding:60px 50px ;
height:auto;}
#s2 h1{

margin-bottom: 5%;
}    
    
.supergrande{
    width:100%;
    margin-bottom:4%;}
    .botonraro{margin: 40px auto;}
    .martop{margin-top: -70px;}
.mocultar{display: none;}
.mmostrar{display: block;}
  

    
 #s4 h2{font-size: 30px;
        line-height: 30px;}
 #bus{width:30%;
position: absolute;
    z-index:200;
    right:5%;
    top:-40px;}

    .txtdcha{ font-family: 'Open Sans', sans-serif;
font-size:16px;
text-align: center;
line-height:22px;
    padding-right:0px;
    padding:0px 30px;}

.txtizda{ font-family: 'Open Sans', sans-serif;
font-size:54px;
font-weight: bolder;
text-align:center;
    margin-top: 2%;
line-height: 50px; margin-bottom: 5%;
     padding:0px 30px;}

      #sombrero{width: 80%;} 
    
#s5 article {color:white;
padding-top: 60px;
padding-bottom: 60px;
padding-left:80px;}
.mtac{text-align: center;}
.adio img{width:90px;
    margin-bottom:4%;}

    footer {padding-bottom: 50px;}

}