@import url('https://fonts.googleapis.com/css?family=Montserrat');
*{ margin: 0; padding: 0; box-sizing: border-box;} /* Reset */



/* Estilos generales */

.body{ background:#2b2a2a}
.contenedor{ max-width: 80rem; margin: auto; justify-content: center;background:#2b2a2a;}  
        box-shadow: 0px 1px 10px #1c1b1b; text-align: center; display: flex; flex: nowrap; margin-right: 2rem;}
.logo2 {height: 2.5rem; margin-top: 3%}

nav{text-align: center; font-family: Montserrat;}
nav ul{background: #3d3d3d }
nav ul li{display: inline-block;
            padding: 1rem 0rem 1rem 0rem;
            }
nav ul li a{font-size: 1.5rem;
            text-decoration: none;
            color: #00bdff;
            padding: 1rem 2rem 1rem 2rem ;}
nav ul li a:hover{background: #b5b3b3;}
 
section{width: 100%; padding-top: 4rem;justify-content: center;}
article{margin: 2%; transition: all 0.7s; text-align: center}
.texto { width: 96%;}
.adicional img{ width: 50%; margin-top: 2rem; }

.titulo{ font-family: Montserrat; font-weight: 600; font-size: 3rem; text-align: center; margin-top: -2rem; color: #adadad;}
.texto2{ font-family: Montserrat; font-weight: 400; font-size: 1.5rem; text-align: center; margin-top: 2rem; color:#adadad;}
.texto3{ color: #adadad;  font-family: Montserrat; font-weight: 200; font-size: 1rem; text-align: center; margin-top: 2rem; }
.descarga {width: 60%; margin-top: 2rem;}
.logo2{text-align: center; font-family: montserrat; }
.logo2{display:inline-block;}
.logo2 img{height:6rem;}

/* Mayor a 768px, que es tablet */
@media(min-width:48rem){
    
    section{display: flex; flex-wrap: wrap;}
    .texto { width: 70%; padding: 2rem;}
    .adicional { width: 20%}
    .titulo{ font-family: Montserrat; font-weight: 600; font-size: 3rem; text-align: center;  margin-top: -2rem;}  
    header{margin: auto; }
    .logo2 {height: 2.5rem; margin-top:0.8rem}
.descarga {width: 20%; text-align: center}
.logo2{display:inline-block;}
.logo2 img{height:8rem;
   }

}



/* Mayor a 1280px Desktop */
@media(min-width:65rem){
    
section{display: flex; flex-wrap: wrap;}
article { width: 20%;}
.texto{; width: 70%; padding: 3rem;}
.titulo{ font-family: Montserrat; font-weight: 600; font-size: 4rem; text-align: center; margin-top: -2rem;}
.texto2{ font-family: Montserrat; font-weight: 400; font-size:2rem; text-align: center; margin-top: 3rem; }
.texto3{ font-family: Montserrat; font-weight: 200; font-size: 1rem; text-align: center; margin-top: 3rem; }    
header{margin: auto; }
.logo2 {height: 2.5rem; margin-top: 0.8rem}
.descarga {width: 80%; }
.logo2{display:inline-block;}
.logo2 img{height:10rem;
    }
    
}