@import url('https://fonts.googleapis.com/css?family=Jua');
@import url('https://fonts.googleapis.com/css?family=Nunito');
*{margin: 0rem;}

/* Nuestro REM */
body{font-size: 0,5rem} /*16px*/


 
body{	background-image: url("../img/fondogrande.png"); 

		font-family: 'Montserrat', sans-serif;
    	color:antiquewhite;}


header{height: 520px; background: url(../img/fondojazzok.jpg)20% no-repeat fixed; background-size: cover; color:crimson;}

/* barra menu */

nav{text-align: center; background-color: black;}
nav ul {padding: 0;}
nav ul li {list-style-type: none; display: inline-block; padding: 0.3rem; text-decoration: none}
nav ul li a {color: azure; text-decoration: none; text-align: center; display: block;
padding: 1rem;}

li{align-content: center;}

nav ul li a:hover {background: #d551ed; color: aquamarine;}

h1{ font-family: 'Jua', sans-serif; text-align: center; font-size: 2rem; text-decoration:none; height: 50px; background-color: black; position: fixed; display: inline-block; text-align: center; align-content: center; width: 100%;}

/* seccion 1 */
.subtitulo {color: black; text-align: center;}
h2{text-align: center; font-size: 3rem; color: #000000;margin-top: 5%;font-family: 'Nunito', sans-serif;}


/* seccion 2 */

.seccion2 {background-color:bisque; box-sizing: border-box;
margin: 0 auto;
padding: 0;
font-family: "Raleway", sans-serif;
font-weight: 300;
text-align: center;}


.seccion2 img {width: 30%;}



/* seccion 3 descarga */


.descarga img {margin-left: 7%;}
p{font-size: 0,4rem; color: black; margin-top: 2%;font-family: 'Nunito', sans-serif;}

iframe{margin-left: 35%;}


.android{display: flex;
	flex-direction: row;
}

.columna1{ margin-left: 5%;}
.columna2{ margin-top: 5%; display: flex; flex-direction: column; }

.bajadastore{text-align:justify; padding-right: 60%;}

.columna1 img{ width: 130%; margin-top: 5%; }
.appstore { width: 30%; margin-top: 10%; }
.store{width: 30%; }
.descarga {clear:both; margin-left: 30%; margin-top:  5%;}


footer{font-size: 0,5rem; margin-bottom: 4%;margin-right: 4%;margin-left: 4%; margin-top: 6%; text-align: center;}


/* responsive */
/* a partir de 320px */

@media(max-width:50rem)
    
    
    
{ 
    
    body{	background-image: url("../img/fondook.jpg");width:120%; }
    
    
    header {background-size: cover;}
    
    h1{text-align: center;}
    h2{font-size: 1.5rem}
    
    .columna1 img{width: 140%;margin-left:-15%}

    .descarga img {max-width: 140%; margin-top:  5%;margin-left: -40%}



    
    
    .bajadastore {text-align:center; font-size: 0.9rem;padding-right: 38%;}
    
    iframe {margin-left: 15%; width: 70%}
    
    footer{margin-top: 20%; margin-bottom: 2%;margin-right: 4%;margin-left: 4%; text-align: center;font-size: 0.6rem}
}