@import url('https://fonts.googleapis.com/css?family=Muli'); @import url('https://fonts.googleapis.com/css?family=Muli:900');
@import url{'https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap'};


/* Estilos Generales */
*{margin:0;padding:0;box-sizing:border-box;}

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

body{
    background: #2f2f2f;
    font-family: 'Arial', sans-serif;
    color: white;
}

section{
    width:100%;
}


article{
    height:30rem;
    width:96%;
    margin:2%;
    transition:all 1s;
}

.uno{
    width:100%;
    display:flex;
    justify-content:space-between;
}

.imagen{
    margin:5rem;
    width:100%;
    text-align:center;
}

.texto{
    margin:5rem;
    width:100%;
    text-align:center;
}

.tienda{
    margin-top:1rem;
}

.dos{
    width:100%;
    background-image:url(https://serving.photos.photobox.com/204875193733e5a3d68cd15fe9eb5d2e7d23f8101bbf6bd342857cda9efb190b75454db6.jpg);
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    max-width:100%;
    margin:auto;
}

.tres{
    width:1080px;
    height:607.5px;
    max-width:100%;
    margin:auto;
    margin-top:5rem;
    margin-bottom:5rem;
}

.chiquito{
    font-family:'Muli', sans-serif;
    font-size:1rem;
    margin-top: 2.5rem;
}

.grande{
    font-family:'Muli', sans-serif;
    font-weight:900;
    font-size:3rem;
    margin-top: 1.5rem;
}

.grande2{
    font-family:'Arial', sans-serif;
    font-weight:700;
    font-size:3rem;
    color:white;
    margin-bottom:1rem;
    margin-top: 1rem;
}

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

.cuerpo{
    font-family:'Muli', sans-serif;
    font-size:1.2rem;color:white;
}

footer{
    font-family: 'Roboto Mono', monospace;
    color: #b1b1b1;
    font-size: 10px;
    margin-top: 2em;
    background-color: #1c1c1c;
    padding: 15px;
    text-align: center;
}


@media (min-width:48rem){
section{display:flex;flex-wrap:wrap;}
article{width:46%;}
.lista{text-align:center;}
}

@media (min-width:65rem){
section{display:flex;flex-wrap:wrap;}
article{width:21%;}
.imagen{width:28%;}
.texto{width:40%;text-align:left;margin-top:10rem;}
.lista{width:50%;text-align:left;margin-top:10rem;margin-left:5rem;}
}