<link href="https://fonts.googleapis.com/css?family=Chivo:300,300i,400,700,700i" rel="stylesheet">
.contenedor{margin: 0; padding: 0; box-sizing: border-box;}


body {background:#F6A775;margin: 0}


.portada{
    width: 100%; }

/*header*/
header {text-align: center;}
header nav ul {list-style: none; padding: 0,5rem; display: inline-flex;}
header nav ul li { padding: 1rem;}
header nav ul li a {text-decoration: none; color: #3C6BEB; font-family: 'Chivo', sans-serif; font-size: 1rem;padding: 1rem; margin: 1rem; border-radius: 1rem;}
nav ul li a:hover{background: #FACCCC}

article {text-align: center;}
header .logo {margin-top: 1rem; margin-bottom: 1rem;}

.app {margin: auto; text-align: center;}

.convencer {max-width: 40%;background-color: #FACCCC;padding: 1rem;border-radius: 1rem;margin: auto;margin-bottom: 4rem; margin-top: 2rem;}

.descargar{max-width: 40%;background-color: #FACCCC;padding: 1rem;border-radius: 1rem;margin: auto;}

.primero{color: #3C6BEB; font-family: 'Chivo', sans-serif; font-size: 1,5rem;padding: 1rem; margin: 1rem; border-radius: 1rem;font-weight: lighter;}
.segundo{color: #3C6BEB; font-family: 'Chivo', sans-serif; font-size: 2rem;padding: 1rem; margin: 1rem; border-radius: 1rem;font-weight: bolder;}
.tercero{color: #3C6BEB; font-family: 'Chivo', sans-serif; font-size: 1rem;padding: 1rem; margin: 1rem; border-radius: 1rem;font-weight: bolder;margin-top: -2rem;}

.google{width: 12rem; text-align: left; margin: 1rem;}

.appstore{width: 12rem; text-align: right; margin: 1rem;}

.video{margin-bottom: 5rem;}
.video iframe{height: 25rem; width: 45rem;}


/*section*/
main{background: #3C6BEB;}

.pantallas{ display: flex; justify-content: center; flex-wrap: wrap;}

h2{color: #F6A775; font-family: 'Chivo', sans-serif; font-size: 2rem;font-weight: lighter;text-align: center;margin: 1rem; padding: 1rem;}

h3{color: #3C6BEB; font-family: 'Chivo', sans-serif; font-size: 1rem;font-weight: lighter;margin-top: 1rem;margin-bottom: 1rem;}

.pantallas article { max-width: 15rem; padding: 1rem; margin: 4rem; border-radius: 5rem; background: #FACCCC; text-align: center;}

.integrantes article img { border-radius: 5rem; max-width: 15rem;}

.celu{width: 15rem;}


/*footer*/
footer {color: #FACCCC; font-family: 'Chivo', sans-serif; font-size: 1rem;text-align: center; padding: 2rem;font-weight: lighter;}

.tres{margin-bottom: 1rem; margin-top: 2rem;}

/* todos los celulares hasta tablet 599px*/

@media (max-width: 599px){
    transition:all 1s
    .contenedor{max-width: 100%;}
    header {max-width: 100%;} 
    header nav ul{padding: 0; margin: .5rem;}
    header nav ul li { padding: .5rem;}
    header nav ul li a{font-size: .6rem;padding: .4rem; margin:0;}
    header .logo{max-width: 80%; margin-top: 0;}  
    .convencer{max-width: 90%; padding: .5rem; margin: auto;margin-top: .5rem;margin-bottom: 3rem;}
    .primero{margin: auto;font-size: 1rem;}
    .segundo{font-size: 1.2rem;margin-top: 0;}
    .appstore{width: 10rem;margin: 0;}
    .google{width: 10rem;margin: 0;}
    h2{font-size: 1rem;}
    .pantallas{ display: flex;
    justify-content: center;}
    .pantallas article{max-width: 14rem; padding: 2rem; margin: 2rem;}
    .celu{width: 13rem;}
    h3{ font-size: 1rem;margin-top: 1rem;margin-bottom: 1rem;}
    footer{font-size: .8rem;padding: 1rem;}
    .tres{margin-bottom: 0; margin-top: 1rem;}
    .video{margin-bottom: 1rem;}
    .video iframe{height: 13rem; width: 23rem;}
    
}