body{
	font-family:lato;
}

header{
	display: flex;
	justify-content: space-around;
	align-content: center;
}


nav ul {width: 50%;
	display: flex;
	justify-content: space-between;
	list-style-type: none;

}

nav ul li{
	margin:1rem;
}

nav ul li a{
	text-decoration: none;
	font-weight: 900;


}

.contenedor{
	margin: auto;
	width: 1280px;
	box-sizing: border-box;
}

.primero{
	display: flex;
	justify-content: center;
	
}

article{
	background-color: #F5415F;
	width: 50%;
	margin-top: 2rem;
	display: block;
	text-align: center;
}
 .uno{
	background-color:#302C2C;
	width: 50%;
	margin-top: 2rem;
	display: block;
    justify-content: center;
}

article p{
	background-color: #cfeef4 ;
	width: 30%;
	margin: auto;
}
.iconos {
	display: flex;
	justify-content: center;
	padding-inline-start: 0px;
}

.uno li{color: white;
	list-style-type: none;
	margin: 1.5rem;
	font-size: 2rem;
}
article img{;
	box-shadow: 10px;
	padding: 2rem;
}
.titulo{color: white;
	margin-top: 12rem;
	font-size: 2rem;
	text-align: center;

}

.descargar{display: flex; justify-content: center; box-sizing: border-box;padding-top: 2rem;}
.enlaces{display: flex; width: 100%; }
.goo{text-align: right;}
.google{width: 60%;}
.apple{width: 50%;}


div.publi{background-color: black; width: 100%;}
iframe{width:80%; height:750px;} 
.objetivos{display: flex; justify-content: space-around; background-color: #f7c3cc; height: 200px; }
.objetivos h1 {color: #ff2658; justify-content: center; margin: auto;}


.ayuda{background-color:#F5415F;padding: 4rem 0; 
	display: flex; justify-content: center;}
.preguntauno{width: 40%;}
.preguntauno h2{text-align: center; margin-top: 5rem; color: white; padding: 2rem;}
.preguntauno p{color: white; text-align: center; padding: 1rem 3rem;}
.fono{width: 30%;}


footer p{font-size: .8rem; text-align: center; padding: 2rem ; background-color: black; color: white; width: 1280px; box-sizing: border-box;margin: auto;}


li{ list-style-type: none;}
.icono {display: flex;
	justify-content: center;
	padding-inline-start: 0px;}
.icono span{font-size: 2rem;color: white;margin:3rem;}


@media screen and (max-width: 400px){
body{margin: 0;}
header{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-content: center;
}

header a{text-align: center; color: white; }

nav ul {width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	list-style-type: none;
width: 100%;
padding: 0;
background-color: #302C2C;
border-bottom: 2px solid white;
margin: 0;
}

nav ul li{text-align: center;width: 100%;padding: 0;margin:1rem 0;}
.contenedor{width: 100%;}

.primero{display: flex;
	flex-direction: column;
	justify-content: center;}

.enlaces{display: flex; flex-direction: column; justify-content: center; box-sizing: border-box;padding-top: 2rem; width: 100%;}

.uno{margin-top: 0;width: 100%;padding-bottom: 3rem;}
.uno h1{font-size: 1.5rem; margin-top: 5rem; padding: 1.5rem;}


.goo{text-align: center;}
.google{width: 50%;}

article{
	background-color: #F5415F;
	width: 100%;
	margin-top: 0;
	display: block;
	text-align: center;
}
article img{;
	box-shadow: 10px;
	padding: 1.5rem;
	width: 70%;
}
iframe{    width: 100%;
    height: 300px;}

.objetivos{display: flex; flex-direction: column; justify-content: space-around; background-color: #f7c3cc; height: 200px; padding:2rem 1rem; }  
.objetivos h1 {color: #ff2658; justify-content: center; margin: auto; font-size: 1.5rem;}

.ayuda{background-color:#F5415F;padding: 2rem 0; 
	display: flex; flex-direction: column; justify-content: center;}


.fono{width: 100%;}
.preguntauno{width: 100%;}
.preguntauno h2{text-align: center; margin-top: 0rem; color: white; padding: 2rem;}
.iconos{margin-top: 5rem;}

footer p{font-size: .8rem; text-align: center; padding: 2rem ; background-color: black; color: white; width: 100%; box-sizing: border-box;margin: auto;}
}