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


/* Generales */

body{ font-family: Tahoma, sans-serif; 
    background: #d9d9d9; 
    color: #333}

a {
    text-decoration: none;
    color: white;


} 
a:link {
    text-decoration: none;
    color: white;

}
a:visited {
    text-decoration: none;
    color: white;


}  

/* Header */


 
header {
    width: 100%; 
    height: 11rem; 

    background: #000000f0; 
    position:fixed; 
    top: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: space-around;
    z-index: 999;


}
header div{
    margin:0;

}

header img {
    padding-top: 1rem;
    height: 8rem;
    
       
}


header nav ul li {
    display:inline-block;
    font-size: 1.2rem;
    color: white;

    
}

#cuerpo{
    background-image: url(../img/background.svg);
            background-size: cover;
            background-repeat: no-repeat;
            background-attachment: fixed;
}








/* Section */





.dos {
   background: #FFFFFF20;
  
    width: 100%;
   
}

#imgpant{
  width:  20rem;
}
.dos article{
    width: 80%;
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: space-between;

}
.dos img {
    margin: .5rem 1rem .5rem 1rem;
    width: 10rem;
}





#videopromocont{
    position: relative;
    top: 11rem; 
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
#videopromo{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


#promo{
width: 100%; 

    margin: 0;  
 position: relative;
    top: 11rem; 
}

.promo1{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: space-between;
    color: #DDD;
    text-align: center;
}
.promo1 p{
    
}
.promo1 h3{
   margin-bottom:  2rem;
    font-size: 2rem;
}


#botonescont{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    align-content: space-between;
     margin: 1rem 0rem 1rem 0rem;
}
#botonescont img{
    width: 10rem;
    margin: 1rem 1rem 1rem 1rem;
}



footer{
    
     position: relative;
    top: 11rem; 
    bottom: 0px; 

    margin: auto;
    padding: 1rem 1rem 1rem 1rem; 
    font-size: 1rem; 
    font-family: Montserrat, sans-serif; 
    
    text-align: center; 
    
    
    display: block;
    max-width: 70%;
}
footer p{
    width: 100%;
    margin: auto;
}