*{ padding: 0; margin: 0; box-sizing: border-box; transition: all 0.5s; font-family: 'Montserrat', sans-serif; text-decoration: none}


/* Version Celular */
.contenedor{ max-width:100%; height:auto;}
.imagen h1{font-size:35px; font-family: 'Montserrat Subrayada', sans-serif;}
.imagen h2{font-size: 30px; font-family: 'Montserrat', sans-serif}
t{font-family: 'Montserrat', sans-serif, 400;}
.navigation-bar .descargalo img{max-width: 100%; height: auto;
    
}
nav{  background: #EB0BF7;}
.navigation-bar  li{ list-style-type: none;
font-size: 2rem;}
.navigation-bar{
    display: flex; justify-content: space-around; padding: 1rem; 
}
section{ display: flex; flex-wrap: wrap; max-width: 100%; height: auto;}
section article{  max-width:100%; height: auto; text-align: center;background-color: #16EFC5; padding-top: 1rem;}
.video{
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}
.video iframe{
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.texto{ background: #16EFC5; }
.contenedor .imagen {max-width:100%; height: auto;}
.imagen{ background: #F9F315; max-width:100%; height: auto; padding-left: 1.3rem; padding-right: 1.3rem;}
.imagen img {max-width: 100%; height: auto;}
footer{ max-width:100%; height: auto; background: #EB0BF7; text-align: center; padding: 1rem;}

nav ul li { display: inline-flex;}




/* Para versiones desktop */
@media screen and (min-width:768px){
    
    nav{  background: #EB0BF7;}
    section article{ width: 50%; height: 50rem; text-align: left; padding: 2rem;}
    .imagen {background: #F9F315; margin: 0; padding-left: 2rem; padding-right: 2rem; padding-bottom: 0.5rem;}
    h1{font-size: 70px; font-family: 'Montserrat Subrayada', sans-serif;}
    h2{font-size: 50px; font-family: 'Montserrat', sans-serif}
    t{font-family: 'Montserrat', sans-serif, 500;}