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

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

header, footer {
    display: block;
    min-height: 10%;
    background: #CC6;
   	font-family: Verdana, serif;
	font-size: 40px;
	color: red;
	font-weight: bolder;
	text-align: center;
	line-height: 2;
}

#main #nav {
	font-family: Tahoma, Courier, Serif;
	font-size: 16px;
	padding: 2px;
    background: #CCF;
    flex: 1 6 20%;
    order: 1;
}

#main #section{
		height: 80%;
      	flex: 1 6 60%;
    	order: 2;
}

#main #section #header1 {
    background: #DDD;
    display: block;
    font-family: Tahoma, Courier, Serif;
	font-size: 16px;
	padding: 2px;
	height: 35.1%;
	float: down;
}

#main #section #article {
    background: #FFF;
    display: block;
    font-family: Tahoma, Courier, Serif;
	font-size: 16px;
	padding: 2px;
	height: 36%;
	float: down;
}

#main #section #footer1 {
    background: #CCC;
    display: block;
    font-family: Tahoma, Courier, Serif;
	font-size: 16px;
	padding: 2px;
	height: 41%;
	vertical-align: bottom;
	padding-bottom: 0px;
}

#main #aside {
	font-family: Tahoma, Courier, Serif;
	font-size: 16px;
	padding: 2px;
    background: #CCF;
    flex: 1 6 20%;
    order: 3;
}

p{
	display: block;
	width: 100%;
}