body, html {	
	height: 100%;
	width: 99.8%;
	text-align: center;	
		
	font-family: Helvetica,sans-serif;
	font-style: italic;
	font-size: 18px;
}
.content { /*Establecemos los parámetros del contenido*/
	height: 79%;
    display: flex; /*Le damos al contenedor el valor de flex y ponemos el contenido en fila*/
    flex-flow: row;
    margin-top: 1%; 
    margin-bottom: 1%;   
}
.content nav {
	background: blueviolet;
	flex: 1 6 15%; /*flex-grow flex-shrink flex-basis*/
	order: 1; /*Orden del flex*/
	
		
}
.content section {
	background: green;
	flex: 3 1 70%;
	order: 2;
	margin-right: 1%;
	margin-left: 1%;
    display: flex;
    flex-flow: column;  /*Acumulamos los elementos hacia abajo ahora*/  
}
.content section header{
	flex: 1 6 15%;
	order: 1;
	margin: 1% 1% 0% 1%;
	background-color:coral;	
}
.content section article {	
	background: pink;
	flex: 6 1 70%;
	order: 2;
	margin: 1%;
}
.content section footer{
	flex: 1 6 10%;
	order: 3;
	margin: 0% 1% 1% 1%;
	background-color:coral;	
}
.content aside {
	background: aqua;
	flex: 1 6 15%;
	order: 3;
}
header, footer {
	height: 10%;
	background: darkorange;
	padding-bottom: 2px;
}
header, footer, nav, aside, section, article {
	border: 3px solid black;
}