@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-color:#000; font-family:'Montserrat', sans-serif;}

#pagina {width:75%; margin:auto; background-color:#FFF;}

header{background: -webkit-linear-gradient(orange, pink); background: -moz-linear-gradient(orange, pink); 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.4rem;}
nav ul li a{color:6A4BB4; text-decoration:none; margin:auto; padding:1.4rem; }
nav ul li a:hover{color:#FFF; }
.download{ background-color:#FFF; padding:1rem; padding-top:1.35rem; padding-bottom:0.4rem; 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-image:url(../img/fondo-section-1.jpg); height:22rem;}
.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;}
.uno{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
}
.fotoapp img{width:80%;}



.dos{padding:2rem; background-color:#FFF; height:18rem;}
.dos article{color:#000; text-align:left; max-width:16rem;}
.dos h2{font-family:"Titillium Web", sans serif; font-weight:700; font-size:1.8rem;}
.dos{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
}




.tres{padding:2rem; background-image:url(../img/fondo-section-3.png); height:22rem;}
.tres h2{font-family:"Titillium Web", sans serif; font-weight:700; font-size:1.8rem; text-align:center; padding-bottom:2%;}
.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{max-width: 10rem; font-size:0.85rem; font-weight:300;}
.tres img{width:60%;}



.tresymedio{padding:2.2rem; background-color:#FFF; height:14rem; 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;
	
}
.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:22rem;}
.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;}
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; }