/* Reset
------------------------------------- */
* { margin: 0; padding: 0; box-sizing: border-box;}
html { overflow-y: scroll;}
body { background:#ffffff; font-size: 13px; color: #666666; font-family: Arial, helvetica, sans-serif;}
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
h1 {margin: 0; padding: 0;} 
h2, h3, h4 { margin-bottom: 1em;; padding: 0;}	
a, img { outline: none; border:none; }
p { margin: 0 0 2.5%; line-height: 1.6em; font-size: 1.2em;}
img { display: block; margin-bottom: 10px;}
main, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}

body {
   background-color: #e0e0e0;
 
}
	
/* Structure */
#wrapper {
   background-color: #fff;
	width: 96%;	
	max-width: 640px;
	min-width: 240px;
	margin: 2em auto;
	/*padding: 1.5%;*/
	} 

/* #inner-wrap {
   margin: 2%;
} */

#nav {
		text-align: center;
		padding: 1.5%;
}

#header {
		background: #204b90;
		color: #fff;
		margin: 0 0 2% 0;
		text-align: center;
		padding: 1.5%;
}

#header img {
    display: block;
    margin-left: auto;
    margin-right: auto;

}
#main {
      overflow: hidden;
		width: 100%;
		padding: 0 1.6%;
		float: left;
		}		
		
#side {
		border: 1px solid #eee;
		overflow: hidden;
		font-size: 0.9em;
		width: 33%;
		float: right;
		}
		
		
#footer {
		margin-top: 2%;
		padding: 1.5%;
		text-align: center;
}

.clear {clear: both;}

/* Media Queries */
@media screen and (max-width: 640px) {

   #main{
         width: 100%;
   		margin: 0 0 2% 0;
   }

   #side {
         width: 100%;
   }

}/* Media Queries */