@media screen and (min-width:800px){
	.contenedor{
		flex-direction:column;	
	}
	header{
	
		flex-direction:column;
		padding:0;
	}
	header .logo{
		width:100%;
		margin:5px 0px;
	}
	header nav.menu{
		width:100%;
	}
	#indices nav.pag{
		width:97%
	}
	#index1{
		width:97%
	}
	#index2{
		width:97%
	}
	
	
	
	
	footer{
		width:100%;
		text-align:center;
	}
}

@media screen and (max-width: 500px){


#contenido article .titulo{
		font-size:22px;
	}

}