@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,700,700i|Titillium+Web:300,300i,400,400i,700,700i');

body {background-image: url(../img/background-2.jpg); background-attachment: fixed; font-family:'Montserrat', sans-serif;}

#pagina {width:100%; margin:auto; }

header{background-color: rgba(0, 0, 0, 0.4); height:4rem;}

header img{background-color:#3C0; margin:auto; float: left; display:block; padding:1%;}



nav{margin:auto; text-align:center; padding-top:0.6%;}
nav ul li{ list-style-type:none; display:inline-block; font-family:'Titillium Web', sans-serif; font-weight:400; font-size:1.25rem;}
nav ul li a{color:#fff; text-decoration:none; margin:auto; padding:1.4rem; }
nav ul li a:hover{color:#00ef12; }
.download{ background-color:#FFF; padding:1rem; padding-top:1.35rem; padding-bottom:0.7rem; color:#007dc4; font-weight:700; border-radius:5px;}
.download:hover{background: rgba(0,0,0,0); color: #FFF; box-shadow: inset 0 0 0 3px #FFF; }



.uno{padding:2rem;background-color: rgba(0, 0, 0, 0.05); height:20%;}
.uno article{color:#FFF; text-align:left; max-width:20rem;}
.uno h1{font-family:"Titillium Web", sans serif; font-weight:700; font-size:1.8rem; line-height: 2.2rem;}
.uno{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
}
.logouno{width: 60%; margin-bottom: 1.4rem; margin-left: 2.6rem;}
.fotoapp img{width:80%;}



.dos{padding:1rem; background-color:#FFF; height:40%;}
.dos h2{font-family:"Titillium Web", sans serif; font-weight:700; font-size:2rem; text-align:center;}
.dos p{text-align: center; max-width: 52rem; margin: auto;}





.tres{padding:2rem; height:42%;}
.tres h2{font-family:"Titillium Web", sans serif; font-weight:700; font-size:2rem; text-align:center; padding-bottom:2%; color: #fff;}
.iconos{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
	text-align:center; 
    
}
.iconos article p{color: #fff; font-size:0.90rem; font-weight:300;}
.tres img{width:60%;}
.iconos article{padding-left: 1rem; padding-right: 1rem; padding-bottom: 3rem; max-width: 14rem;}
.tres h4{color: #fff;}



.tresymedio{padding:2.2rem; background-color:#FFF; height:20%; margin-bottom:8%; }
.tresymedio h3{font-family:"Titillium Web", sans serif; font-weight:700; font-size:1.3rem; text-align:center; padding-bottom:1%; }
.comentarios{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
	text-align:center;
    margin-left: 5%;
    margin-right: 5%;
}
.up{ margin:0.5rem; }
.comentarios article p{max-width: 10rem; font-size:0.7rem; font-weight:300; font-style:italic;}
.comentarios article h6{font-family:"Titillium Web", sans serif; font-weight:700; font-size:0.85rem;}
.comentarios article img{width:60%;}
.star{max-width:3rem}



.cuatro{padding:2rem; background-image:url(../img/fondo-section-4.jpg); height:22%;}
.cuatro article{color:#FFF; text-align:left; max-width:20rem;}
.cuatro h2{font-family:"Titillium Web", sans serif; font-weight:700; font-size:2rem;}
.cuatro{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
}
.fotoabajo img{width:95%;}



footer{background: -webkit-linear-gradient(#6ADAB4, #6A4BB4); background: -moz-linear-gradient(#6ADAB4, #6A4BB4); display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: center; padding:1rem; margin-top: 1.4rem;}
footer article img{width:80%;}
footer article p{font-family:"Montserrat", sans serif; font-weight:300; font-size:0.85rem; color:#FFF;}
.boton-volver{ color:orange; font-family:"Titillium Web", sans serif; font-weight:400; text-decoration:none;}













/* Ipad */
@media (max-width:768px){
    
    .uno{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
}
    .uno .store{flex-wrap: wrap; }
    .uno .store img{width: 50%; margin: auto; }
    
    
    .tres h2{color:#fff;}
    .tres{background-image: none;}
    .iconos{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
	text-align:center; 
    
}
    
    
    .fotoapp img{width:80%;}
    .comentarios{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
	text-align:center;
    margin-left: 0.5%;
    margin-right: 0.5%;
}
    .comentarios article{margin-top: 4%;}
    
    
    .cuatro{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
}
    
    
    footer article img{display: none;}
}






/* Celulares */
@media (max-width:320px){
    
    .uno h1{text-align: center;}
    .uno{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
}
    .fotoapp img{display: none;}

    
    .slidelaapp{display: none;}
    
    
    .comentarios article{margin-top: 12%;}
    
    
    .cuatro{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
}
    .fotoabajo img{display: none;}
    
    
    footer article img{width:0%;}
}