.wrapper {width:100%;
margin:0 auto;
max-width:1600px;
}
section {
	width:100%;
	
	margin:0 auto;
	background-color:#59307F;
	display:block;
	position:relative;
	text-align:center;
	}
	section#main {display:flex;
	background-color:transparent;}
	section figure {
		width:100%;
		
		margin:0 auto;
		padding:0px;}
		
	header {
		width:100%;
		background-color:#FFF;}
		header img {
			display:inline-block;
			width:100%;
			max-width:1000px;
			margin:0 auto;
			
			}
		header img + img  {
			width:80%;
			display:inline-block;}
			section img {
				display:inline-block;
				margin:5px 1%;
				text-align:center;width:20%;
				max-width:200px;}
			
article {
	width:50%;
	display:inline-block;
	margin-left:70%;
	margin-right:0;
	vertical-align:top;
	margin:0 auto;
	background-color:#FFF;
	}
nav {width:34%;
	display:inline-block;
	vertical-align:top;
	margin:0px 1%;
	position:relative;}
footer {
	width:100%;
	margin:auto;
	background-color:#CCC;
	}
	.hide {
		display:none;}
		footer {
	width:100%;
	margin: 20px auto;
	background-color:#CCC;
	text-align:center;
	color:#FFF;
	background-color:#59307F;
	}
	@media (max-width: 1200px) { 
	article {
	width:45%;
	
	}
	}
	
@media (max-width: 1023px) { 

 article, section#main  {
	width:100%;
	display:block;
	margin:10px auto;
}

nav {
	width:100%;
	display:block;
	margin:0 auto;
	padding:0;}
}
@media (max-width: 580px) { 
	
	li span.listHide {
		display:none;}
	
}

 img[alt="CSS Validate"], img[alt="html5 Validate"] {
	 width:44px;
	 height:15px;
	display:inline-block;
	
	 margin: 10px auto;
	 text-align:center;
	 }
	 div.val {
		 width:100%;
		 margin:0 auto;
		 text-align:center}