@import url("http://weloveiconfonts.com/api/?family=fontawesome");
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h1 {font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    padding-bottom: 2rem;
    
}

body {background-color: black; }

.logo { width: 40%;
    height: 81%;
    margin-top: 1rem;
    margin-right: 7rem;
    margin-left: 5rem; 
    padding: 0 0 1 0rem;
}

.descripcionapp {
    color: white;
    width: 100%;
    margin-top: -25rem;
    margin-right: 1rem;
    margin-left: 35rem;
    
}

h2 {font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    padding-bottom: 2rem;}

h3 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.5rem;
    text-align: center;
    font-weight: 400;
    padding-bottom: 2rem;  
    margin-right: 26 rem;
}

.contenedor {display: flex;
    flex-wrap: wrap;
    background-image: url(imagenes/pizza-3007395_1920.jpg);
}
.descargas {
    margin-left: 15rem;
}
.descargas h3 {margin-right:10rem;}
.logostore {
    box-sizing: border-box;
    width: 36%;
    padding-right: 1rem;
    height: 10%;   
}

.logostore2 {
    box-sizing: border-box;
    width: 36%;
    padding-right: 1rem;
    height: 10%;   
}

.descargas {
    margin: 0rem;
    margin-left: 15rem;
}

p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    color: white;
}

.fraseapp {
    font-family: 'Open Sans', sans-serif;
    color: white;
    text-align: center;
    font-size: 1.2rem;
}
.video {
    width: 100%;
    height: 20rem;
}

.imagenes {
    display: flex;
 
    align-content: stretch;
}

.coca {
        box-sizing: border-box;
    width: 100%;
    height: 40.5%;
    display: block;
    padding: 1rem;
}

.ensalada {
        box-sizing: border-box;
    width: 100%;
    height: 40.5%;
    display: block;
    padding: 1rem;
}

.hamburguesa {
        box-sizing: border-box;
    width: 100%;
    height: 40.5%;
    display: block;
    padding: 1rem;
}

.pizza{
        box-sizing: border-box;
    width: 100%;
    height: 40.5%;
    display: block;
    padding: 1rem;
}

footer  p {font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
    font-weight: 400;
    padding-bottom: 2rem;  
    margin-left: 20 rem;}






@media (max-width:640px) {

.contenedor .logo{margin-top: 1rem;
                                            margin-right: 2rem;
                                            margin-left: 2.5rem; 
                                            width: 80%;
                                            height: 50%;}

    .imagenes .hamburguesa{display:none;}

    .imagenes .pizza {width:100%;
                    height:25%;}

    .imagenes .ensalada{display:none;}

    .imagenes .coca{width:100%;
                    height:25%;}

    .descripcionapp {margin-top:0rem;
                    margin-left: 2rem;
                    display:in-block;
                    width:80%;}

    .descripcionapp .descargas{width: 30rem;
                             height: 9rem;
                    margin-left: -1rem; }
.descripcionapp .descargas h3 {margin-top:none;
font-size: 0,1rem;;}

   .descripcionapp .descargas .logostore{margin-top:none;width: 35%;
    padding-right: 1rem;
    height:45%; }
}







@media screen and (max-width:1024px) and (min-width:768px) {
.contenedor .logo  {margin-top: 3rem;
                    margin-right: 2rem;
                    margin-left: -1rem; 
                    width: 60%;
                    display:flex;flex-wrap:wrap;
                    height: 45%;
                    margin-bottom:none;}
    .imagenes .hamburguesa{display:none;}

    .imagenes .pizza {width:100%;
                        height:25%;}

    .imagenes .ensalada{display:none;}

    .imagenes .coca{width:100%;
                    height:25%;}

    .contenedor {display:flex;flex-wrap:wrap;}

    .descripcionapp {width: 25rem; 
                    margin-left: 20rem;
                    margin-top:-45%;
                    display:flex;
                    flex-wrap:wrap; 
                    margin-right: 10rem; 
                    text-align: center; }
                    
.descripcionapp h1 {margin-left: 1rem;font-size:2rem;text-align:center;margin-top:-7rem;}

.descripcionapp h2 {margin-left: 1rem;font-size:2rem;text-align:center}

.descripcionapp .descargas {margin-left:7rem;
                    display:flex;
                    flex-wrap:wrap; 
                    text-align: center;}

.descripcionapp .descargas .logostore { width: 15rem;margin-right:12rem;
                                        height:5rem;margin-left:-1rem;}

.descripcionapp .descargas h3{margin-left:0rem;}
}