* { margin: 0px;
padding: 0px; outline: 0px;}
body {
	font-family: Arial, Helvetica, sans-serif;
}
/*#page-wrap:after { content: "Wide Layout"; }*/
#h1 {text-align: center;}
#s2 { float:left; width: 75%;}

#n1{ float:left; width: 14%; min-height: 550px; background: dimgrey;}
#s1 { float:left; width: 54%;}
#s1, #s2 {
	min-height: 550px;
	height: auto;
	padding-bottom: 500em;
    margin-bottom: -500em;
	}

#s1 h2, #s2 h2 , #a1 h2, #a2 h2, #s1 p, #a1 p, #main aside p, ul{
	margin-left: 2%;} 	

#a1, #a2 {min-height: 550px; height: auto;
	width: 25%;
	float: right;
	background: dimgrey;
	padding-top: 2em;
	padding-bottom: 500em;
    margin-bottom: -500em;
}

#s2{clear: both;
	background: aliceblue;
}

#a2{background: #CCF;}

#vid { 
    padding-bottom: 30%;
    height: auto;
}
iframe {
	position: absolute;
    width: 30%;
    height: 30%;}

header, nav {
	padding: 1em;
	width : 100%;
	min-height: 4%;
	background: #CCC;
}

#footer {
	line-height:2em;
	min-height: 3%;
	width: 100%;
	position: fixed;
	left : 0;
	bottom: 0;
	background-color: lavender;
	font-size: 0.7rem;
	color: silver;
	text-align: center;
} 
img#imagen    { display: block; 
			  margin: auto;
	          width: 25%;
			  height: 20%;
	          max-height: 547px;
			  max-width: 421px;
			  min-width : 82px;
			  min-height: 63px;
	          padding: 0%;
			  }
nav span           { margin: 0px 10px 0px 0px;}

a{margin-left: 1em; }
section p{margin: 2em;
		text-align: justify; }

#n2          { display: none; } 
#f1		{ display: none; }  
#f2		{ display: inline; }  
#vid2 iframe, #vid iframe{margin-top: 1em;}
h1 { color: black;}  
h2 { color: grey; }
h3 { color: grey; }
em { color: orange; }