body, html{

	height:100%;
	width:100%;
	margin:0px;
	padding: 0px;
}
#main {
	width:100%;
   	height: 80%;
   	display: -webkit-flex;
   	display:         flex;
  	flex-flow: row;
	}
#main section {
	background: white;
	flex: 3 1 60%;
	order: 2;
}
#main nav {
	background: white;
	flex: 1 6 20%;
	order: 1;
}
#interior {
	text-align:center;
	padding: 1% 5% 5% 5%;
	width:35%;
	height:35%;
					
					
}

#interior header {
	background: white;
	flex: 1 6 20%;
	order: 1;
	margin-bottom:3%; 
}
#interior article {
	background: yellow;
	flex: 2 1 60%;
	order: 2;
	margin-bottom:3%;
}
#interior footer {
	background: #FC6;
	flex: 1 6 20%;
	order: 3;
}
header, footer {
	background: white;
	display: block;
	width:100%;
	min-height: 10%;
}
.marcoimg{
	border:5px solid #000; 
	padding:10px; 
	margin:5px; 
}
.marcovid{
	border:5px solid #000; 
	padding:10px; 
	margin:5px; 
}