body, html 
{
 height: 100%;
 width: 100%;
 margin: 0px;
 padding: 0px;


}
#main 
{
height: 80%;
display: -webkit-flex;

display: flex;
flex-flow: row;


}
#main article 
{
backgroun: #CFC;
flex: 3 1 60%;
order: 2;
}
#main nav 
{
background: #CCF;
flex: 1 6 20%
order: 1;

}
aside 
{
background: #CCF;
flex: 1 6 20%;
order: 3;
font-size: 34px;
}
#main header, footer
{
display:block;
min-height: 10%;
background: #FC6;


}
 h1{
	background: #fff;
	font-size: 39px;
}