*{margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; text-decoration: none; }

body {background-image: url(../img/fondo1.jpg); background-size: 100%;}

.contenedor {max-width: 80rem; margin: auto;}

header {height: 9rem; width: 100%; background: #000000; position: fixed; top: 0; justify-content: space-between; padding: 1rem;}
header nav ul li a {display: block; padding: 2rem; color: white; background-color: black; font-size: 2rem; margin: -30px 714px 28px -19px;}
.menu {margin: -130px 0 38px 0; display: inline-block; width: 7rem;}

.logo {width: 100%; padding-top: 5rem;}
.logo_ini {width: 29%; margin: -5px 0px 0px 691px;}
.fa-bars {color: white; width: 2rem;}
.login {margin-top: 10rem;}
.titulo {font-size: 8rem; text-align: center; color: #ffff;}
.bajada {font-size: 0.7rem; text-align: center; padding: 5rem; margin-top: -5%;}
.descarga {background: white; padding: 1rem; border-radius: 1rem; margin: 0px 306px 15px 315px; text-align: center; font-weight: bolder;}
.desc {color: #33BBDC;}
.autito {width: 40rem; margin: 3rem;}
.tittt {font-size: 2rem; margin: 2%; text-align: center; color: #33BBDC;}

.icono {height: 58rem; width: 96%; margin: 2%; transition: all 1s;}
.publicidad {width: 50%; margin: 2rem 0 0 201px;}
.tit {font-size: 4rem; margin: 2%; text-align: center; color: #33BBDC;}
.descrip {font-size: 2rem; text-align: center; padding: 5rem; margin-top: -7%;}
.tit2 {font-size: 4rem; margin-top: 18rem; text-align: center; color: #ffffff; padding: 2rem;}
.video {width: 92%; height: 32rem; margin: 0px 0 0 38px;}
.celu {margin-top: 7rem; width: 100%;}
.tit3 {font-size: 4rem; margin-top: -5rem; text-align: center; color: #33BBDC; padding: 2rem;}
.appstore {width: 100%; margin-top: -3rem;}

footer {background: #000000; height: 14rem; width: 100%;}
.fotlogo {width: 100%;}
.logo_ini2 {width: 29%; margin: 50px 0 0 0;}
.alumnos {color: white; margin: -165px 0 0 349px; font-size: 1.5rem;}
.dgpc {color: white; margin: -174px 0 0 690px; font-size: 1.5rem;}





/*Mayor a 768px, TABLET */
@media(min-width: 80rem){
    
    body {background-image: url(../img/fondo3.jpg); background-size: 100%;}

    .contenedor {max-width: 80rem; margin: auto;}

    header {height: 7rem; width: 100%; background: #c7363600; position: fixed; top: 0; justify-content: space-between; padding: 1rem;}
    header nav ul li a {display: block; padding: 2rem; color: white; background-color: black; font-size: 2rem;}
    .menu {margin: -221px 0 115px 0; display: inline-block;}

    .logo {width: 100%; padding-top: 5rem;}
    .logo_ini {width: 13%; margin: 2px 0px 0px 39px; background: #33BBDC; border-radius: 0.8rem;}
    .fa-bars {color: white; width: 2rem;}
    .login {margin-top: 10rem;}
    .titulo {font-size: 3.5rem; text-align: left; color: #898787; margin: 19px 856px 2px 57px;}
    .bajada {font-size: 1rem; color: #9d9d9d; text-align: left; margin: -60px 757px 17px -22px;}
    .descarga {background: #33BBDC; padding: 1rem; border-radius: 1rem; margin: -53px 846px 14px 57px; text-align: center; font-weight: bolder;} 
    .desc {color: #ffffff; font-size: 2rem;}
    .autito {width: 40rem; margin: -571px 0 98px 428px;}

    .tittt {color: #33BBDC; font-size: 4rem; margin: 100px 0 140px 0px;}
    .icono {display: table-cell; width: 29%; height: 22rem; transition: all 1s;}
    .publicidad {width: 29%; margin: 0rem 0 0 162px;}
    .tit {font-size: 2rem; margin: 2%; text-align: center; color: #33BBDC;}
    .descrip {font-size: 1rem; text-align: center; padding: 5rem; margin-top: -7%;}
    .tit2 {font-size: 2rem; margin-top: 20rem; text-align: center; color: #ffffff; padding: 2rem;}
    .video {width: 74%; height: 32rem; margin: 0px 0 0 150px;}
    .celu {margin-top: 2rem; width: 55%;}
    .tit3 {font-size: 2rem; margin: -471px 0 -86px 405px; text-align: center; color: #33BBDC; padding: 2rem;}
    .appstore {width: 45%; margin: 59px 0 277px 548px;} 

    footer {background: #000000; height: 15rem; width: 100%;}
    .fotlogo {width: 79%;}
    .logo_ini2 {width: 29%; margin: 50px 0 0 0;}
    .alumnos {color: white; margin: -165px 0 0 452px; font-size: 1.5rem;}
    .dgpc {color: white; margin: -174px 0 0 927px; font-size: 1.5rem;}
     
}