html {font-size: 100%;}

body,
p,
h1,
h2,
h3,
h4 {margin: 0; border: 0; padding: 0;}

img {border: 0; margin: 0;}


h1 {text-align: left; color:#5fbdcf; font-family:'Lato', Arial, sans-serif; font-weight: 900; font-size: 35px; margin-bottom: 0.5rem;}
h2 {color: #9c9e9f;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 500;
    font-size: 25px;
    margin: 0% 39.8% 2% 39.8%}
h3 {font-family:'Roboto', Arial, sans-serif; font-weight: 500;font-size: 20px; line-height: 1.6rem; margin: 2rem 2rem 2rem 0rem;
color:#2e2c2f; width: 80%;}
h4 {color:#2e2c2f; font-family:'Roboto', Arial, sans-serif; font-weight: 400;font-size: 14px; line-height: 1.6rem;}
h5 {text-align: center; color:#5fbdcf; font-family:'Lsto', Arial, sans-serif; font-weight: 900;font-size: 25px; margin: 4rem 0 2rem 0;}
p {font-family:'Roboto', Arial, sans-serif; font-weight: 500;font-size: 20px; line-height: 1.6rem; margin: 2rem 2rem 2rem 0rem;
color:#2e2c2f;}

/*logo*/ 

header { width: 100%;
background-color: #4a4b4b}
.logo { margin: 5% 40%;}

/*descarga*/
.contenedordescarga {
    max-width: 1080px;
    margin: 0 auto;
    background-color: #e6ebe9;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)}
.descarga {
    max-width: 25%;
    padding: 2rem 1rem;
    text-align: center;}

.botondescarga {
    display: block;
    max-width: 75%;
    margin: 0 auto;}

.medida {
    max-width: 100%;
    max-height: 100%;}

.descarga-contenido {
    padding: 2rem 0rem 2rem 2rem;
    line-height: 175%;
    max-width: 75%;}

.infodescarga {display: -webkit-flex;
display: flex;
-webkit-flex-flow: row;
flex-flow: row;
margin-bottom: 3rem;
width: 100%;}


/*pantallas*/

.pantallas {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row;
flex-flow: row;
width: 100%;}

.pantalla {width: 80%; height: 80%; max-width: 100%; max-height: 100%; margin: 1% 10% 5% 10%;}


/*info*/

.info {margin: 2% 5%;}
.estrellas {-2% 39.8% 2% 39.8%;}

.masinfo {    width: 90%;
    height: 90%;
    margin: 5%;}

.grafico {
margin: 2% 5%;}

.comentarios {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row;
flex-flow: row;
width: 100%;
margin-top: 0;
margin-bottom: 5rem;
margin: 2% 4% 5% 4%;}

.comentario1,
.comentario2,
.comentario3,
.comentario4,
.comentario5
{width: 45%; margin: 1rem;}

footer {font-family:'Roboto', Arial, sans-serif; font-weight: 400;font-size: 11px; line-height: 1rem; margin: 2% 4%; text-align: center;}


/* @medias */

@media(max-width:768px){
    header{padding-top:0;
           padding-bottom:2rem;}
    
.logo {
    margin: 6% 27% 0%;}

.infodescarga {margin-bottom: 1rem;}
    
.descarga-contenido {
    padding: 0rem 0rem 0rem 1rem;
    line-height: 150%;
    max-width: 60%;
}
p {
    font-size: 15px;
    }
    
.descarga {
    max-width: 40%;
    padding: 2rem 0rem 0rem 0rem;
    text-align: center;}
    
.pantalla {
    width: 95%;
    height: 95%;
    max-width: 100%;
    max-height: 100%;
    margin: 1% 5% 5% 2.5%;}
    
.masinfo {
    width: 90%;
    height: 90%;
    margin: none;
}   
    
.comentarios {
display:inherit;
    transition:all 0,8s;}