@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Bubbler+One');
@import url('https://fonts.googleapis.com/css?family=Poppins');
    


header {text-align: center; max-width: 80rem; margin: 0 auto; 
    background-color: #fff; top: 0;  }

.portada {max-width: 80rem; margin: 0 auto; padding-top: 0rem; }

nav ul {         
   display: flex;	
   Justify-content: space-around;	
   align-items: center;
   align-content: center;
   background-color: #aedbdb;
   list-style-type: none;
   text-decoration: none;
   max-width: 80rem;
    padding: 0.5rem;
   padding-bottom: 0.8rem; 
   padding-top: 0.8rem;
   margin: 0 ;
   margin-top: -0.3rem}

nav ul li a {text-align: center; margin: 0 auto ; font-family:'Bubbler One';
	color:#fff; }

.descarga {font-family:'Bubbler One'; font-size: 1.8rem; font-weight: 600; vertical-align:top; background-color: #f5f0b9;
    max-width: 80rem; padding: 0.5rem; padding-top: 1rem; padding-bottom: 1rem; margin:0 auto}

.banner {max-width: 80rem; margin: 0 auto; padding-top: 0rem; margin-bottom: -0.3rem;  }

.intro {font-family:'Bubbler One'; font-size: 1.8rem; font-weight: 600; text-align: center; max-width: 80rem; color: #00b7b2; background-color: #f1f1f1;margin: 0 auto; padding: 0.5rem;  }

.download {
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-end;
	align-content: flex-end;
    background-color: #f5f0b9; margin-top: 0;
    max-width: 80rem; padding: 0.5rem;
    padding-bottom: 0.5rem; padding-top: 0.5rem; }
.botondescarga {vertical-align: bottom}
.botondescarga2{vertical-align: bottom}


section {
    max-width: 80rem; margin-right: 0;
    font-family:'Bubbler One';     }


.column1 {
	display: flex;	    
	justify-content: space-between;
     align-items:center;
    padding: 0.5rem; max-width: 80rem;background-image: url(img/trama.png)}
.imagen1 {text-align: right;margin-top: 0; }
.texto1 {font-size: 2em; text-align: right; font-weight: 600; margin-top: 0;}

.column2 {
	display: flex;	
    flex-direction: row-reverse;
	justify-content: center;	
     align-items: center;
    align-content: center;
    padding: 0.5rem; max-width: 80rem;
    background-color: #fcf9e8;
   
}
.texto2 {font-size: 2em; text-align: left; font-weight: 600; margin-top: 0; vertical-align:middle; color:#000000;}
.imagen2 {vertical-align: middle;text-align: center;margin-top: 0; }

.column3 {
	display: flex;	    
	justify-content: space-between;
     align-items: center;
    padding: 0.5rem; max-width: 80rem;background-image: url(img/trama.png)
}
.imagen3 {text-align: right;margin-top: 0; }
.texto3 {font-size: 2em; text-align: right; font-weight: 600; margin-top: 0; }

.column4 {
	display: flex;	
    flex-direction: row-reverse;
	justify-content: space-between;	
     align-items: center;
    align-content: center;
    padding: 0.5rem; max-width: 80rem;
    background-color: #fcf9e8}
.imagen4 {vertical-align: middle;text-align: center;margin-top: 0; }
.texto4 {font-size: 2em; text-align: left; font-weight: 600; margin-top: 0; vertical-align:middle; color:#000000; }

.column5 {
	display: flex;	    
	justify-content: space-between;
    align-items: center;
    padding: 0.5rem; max-width: 80rem;background-image: url(img/trama.png)}
.imagen5 {text-align: left;margin-top: 0; }
.texto5 {font-size: 2em; text-align: right; font-weight: 600; margin-top: 0; }


footer {font-size: 0.7em}