body {
   background: #999999;
  }
  #main {
   min-height: 800px;
   margin: 0px;
   padding: 0px;
   display: -webkit-flex;
   display:         flex;
   -webkit-flex-flow: row;
           flex-flow: row;
   }
 section {
 	border-top-right-radius: 2em;
   	margin: 4px;
   	padding: 5px;
   	background: #D0F5A9;
  	 border: solid 2px #3ADF00;
           	flex: 3 1 60%;
          	 order: 2;
    
   }

 article {
 	border-top-right-radius: 2em;
   	margin: 4px;
   	padding: 5px;
   	background: #F5DA81;
   	border: solid 2px #FFBF00;
           	flex: 3 1 600%;
   }
 nav {
 	border-top-right-radius: 2em;
   	margin: 4px;
   	padding: 5px;
   	background: #A9F5F2;
  	border: solid 2px #0489B1;
           flex: 1 6 20%;
           order: 1;
   }
 aside {
 	border-top-right-radius: 2em;
   	margin: 4px;
   	padding: 5px;
   	background: #A9F5F2;
 	border: solid 2px #0489B1;
           	flex: 1 6 20%;
           	order: 3;
   }
 header, footer {
 	border-top-right-radius: 2em;
   	display: block;
   	margin: 4px;
   	padding: 5px;
   	min-height: 100px; 
   	background: #E3CEF6;
   	border: solid 2px #8904B1;
   }