@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Bitter);

/*etiquetas generales*/

p {
font-family: 'Roboto';
font-size: 3vmin;
text-align: justify;
text-indent: 2vmin;
margin:2%
}

h1 {
	font-family: 'Roboto';
	font-size: 6vmin;
	text-align: center;
}

h2 {
	font-family: 'Roboto';
	font-size: 4vmin;
	text-align: center;
}

h3 {
	font-family: 'Roboto';
	font-size: 3vmin;
	text-align: left;
}


h6 {
	font-family: 'Roboto';
	font-size: 2vmin;
	text-align: justify;
}


body{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin:0%;
    padding:0%;
    background-color: #EAED8C;
    overflow: auto
}

main {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
		align-content: center;
		align-items: center;
		margin:2%;
		padding:0%;
}

.seccion1{
    background-color: #EAED8C;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.seccion1:nth-child(1){
    order: 0;
    flex: 0 1 auto;
    align-self: center;
    background-color:#EAED8C;
    margin:0%;
    padding:0%;
    width: 100%;
    height: 100vh;
}

/* Encabezado (hijo del body)*/
.header:nth-child(1){
    order: 0;
    flex: 0 1 auto;
    align-self: center;
    background-color: #EAED8C;
    width: 100%;
    height: 7vh;
    margin:0%;
    padding:0%;
}

.seccion2 {
	width: 100%;
	background-color: #EAED8C;
}
.seccion3 {
	width: 100%;
	background-color: #EAED8C;
}

.masdemi {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;} 


.seccion4 {
	width: 100%;
	background-color: #EAED8C;
}

/*etiquetas: recursos*/

.imagen {
display:block;
margin:auto;
width: 20vmax;
}

.imagen2 {
	display:block;
	margin:auto;
	width: 100%;
}

.logos {
	width: 10%;
}

.logos img{
	width: 100%;
}
	
/*botón volver*/
.botonarriba {
    position:fixed;
    bottom: 0;
    right: 0;
	width: 10%

}

.botonarriba img {
	width: 70%;
	margin-left: 15%
	
}

.boton{
	position:fixed;
    bottom: 0;
    right: 0;
}