@import url('https://fonts.googleapis.com/css?family=Bai+Jamjuree');

*{ margin: 0; padding: 0;}
section { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; padding: 3rem}

.contenedor {padding-top: 3rem;}

.uno
{text-align: center; padding-top: 4rem;}

.titular
{
    font-family: 'helvetica';
    font-size: 4rem; font-weight: bold; color:darkgrey;
text-align: left; letter-spacing: -1px; padding-top: 2rem;}

.bajada
{
    font-family: 'helvetica';
    font-size: 1.5rem; color:darkgrey;
text-align: left;
max-width: 80%; letter-spacing: -1px;}

.lista {
    width: 100%;
    list-style: none;
    text-align: center;
    margin-top: 10rem;
}

/* Estilos generales */
body{font-family: 'Bai Jamjuree', sans-serif;  background: #ffffff;}
h1{color: #000000; background: #fff; font-size: 5rem; text-align: center; margin: 2rem; padding: 1rem; text-decoration: none; }
header{ background: #ffffff;}
a {text-decoration: none;}

.celulares {
        margin: 5rem;
        width: 20%;
        text-align: center;
        height: auto;
 display: block;
    margin: 0 auto;
    }



/* Estilos de nav */
nav{ text-align: center;}
nav ul {background: #000000;}
nav ul li{ list-style-type: none; display: inline-block;  background: #000000; padding-left: 2rem; padding-right: 2rem; }
nav ul li a{ color: #ffffff; text-decoration: none; padding: 1rem ; display: inline-block;}
nav ul li a:hover{ background: #ffffff; color: #000000;}

.fa-map{ font-size: 1rem; color: #ffffff; margin: 1rem;}
.fa-list{ font-size: 1rem; color: #ffffff; margin: 1rem;}
.fa-mobile{ font-size: 1rem; color: #ffffff; margin: 1rem;}
.fa-book{ font-size: 1rem; color: #ffffff; margin: 1rem;}
.fa-map a:hover{ color: #000000; }



/* Estilos de Seccion 01 */

h3{padding:2rem;margin: 1rem; font-size: 2rem; background:#ffffff;  text-align: center;}
p{text-align: center; text-decoration: none;}
p a{text-decoration: none; background: #ffffff; }
p a:hover{ background: #000000;}

.integrantes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
    ;
}
.imagen {padding-left: 1rem;}
.plan {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    text-align: center;
}

.texto{justify-content: center;}

.tienda {margin-top: 3rem;}

.video {  
       display: block;
   margin: 0 auto;
    padding-top: 2rem;
}

.botones {text-align: center; padding-top: 1rem;}

.descripcion
{text-align: left; font-family: 'Arial'; font-weight: 200; padding-top: 2rem; color: darkgrey; max-width: 80%; font-size: 1.2rem;}
.listadesc {padding-bottom: 0.5rem; letter-spacing: -1px;}

/* Estilo de footer */
footer{background: #000000; font-size: 0.75rem; text-align: center; margin-top: 0rem;color: white;}
h5{color:#ffffff; margin: 0rem 2rem 2rem 2rem; font-size: 0.75rem;}
h4{color:#000000; margin: 0rem 2rem 2rem 2rem; font-size: 0.75rem;}

section { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; padding: 2rem}

/* Estilos de aside */
aside {font-size: 0.75rem; text-align: center; margin-top: 10rem;}