body {
	font-size: large;
}
header {
	background: #FF9122;
	height: 10%;
	display: block;
}
#main {
	widht: 95%;
	height: 90%;
	flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column; 
}
article {
	width: 95%;
	order: 2;
}	
aside {
	width: 95%;
	order: 1;
}
.recursos {
	width: 95%;
	display: block;
	margin-left: 2%;
}
.grupositems {
	display: block;
}
.webs{
	width: 95%;
	height: 200px;
	margin: 2%;
}
#foto {
	width: 30%;
	margin: 20% 35%;
}
#presentacion {
	width: 90%;
	margin: 19px;
}