@charset "utf-8";
/* CSS Document */
/*Media Queries came from website http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */
/* Verified with Mobiletest.me to make sure everything looked good on all diveces in both orientations */


/* Desktops and laptops ----------- */

#wrapper {
	width: 99%;	
	max-width: 1200px;
	margin: auto;
	padding: 0%;
	font-size: 19px;

	} 

	#main {
		width: 65%;
		height: 100%;
		margin-right: 5%;
		margin-top: 5%;
		margin-left: 0%;
		float: left;
		z-index: 2;
		}
	#main-full {
		width: 100%;
		height: 100%;
		margin-right: 0%;
		margin-top: 5%;
		margin-left: 0%;
		float: left;
		
	}
	
	#main-full img {
		width: 100%
		
	}	
	#main img {
		width: 100%
		
	}	
		aside {
		width: 30%;
		float: right;
		height:800px;
		}





/* Smartphones and Ipads (landscape) ----------- */
@media only screen 
and (min-width : 321px)
and (max-width : 900px) {
	#wrapper {
		width: 560px;
	}
	
	header nav, #main, aside {
		float: left;
		clear: left;
		margin: 0 0 10px; 
		width: 100%;
		}	
		header img {
		width: 175px;
		}	
		header nav li {
			margin: 0;
			background: #efefef;
			display: block;
			margin-bottom: 3px;
			}
			header nav a {
				display: block;
				padding: 10px;
				text-align: center;
				}
	
	#main-full {
		width: 200px;
	}
	aside {
		height:500px;
	}
	aside2 {
		height:700px;
		right: 0px;
		left: 10px;
		top: 700px;
		width: 300px;
	}
	
	blockquote{
  font: 14px/22px "Arial" Helvetica, sans-serif;
  margin-top: 5%;
  margin-bottom: 5%;
  marin-right: 5%;
  margin-left: 5%;

  
}
#subnav {
	display:none;
}

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 480px) {
	#wrapper {
		width: 320px;
	}
	
	header nav, #main, aside {
		float: left;
		clear: left;
		margin: 0 0 10px; 
		width: 90%;
		}	
		header img {
			width: 200px;
		}	
		nav li {
			margin: 0;
			background: #efefef;
			display: block;
			margin-bottom: 3px;
		}
	    nav a {
			display: block;
			padding: 10px;
			text-align: center;
		}
	
	#main-full {
		width: 300px;
	}
	aside {
		height:750px;
	}
	aside2 {
		height:730px;
		right: 0px;
		left: 10px;
		top: 700px;
		width: 300px;
	}
	
	blockquote{
  font: 14px/22px "Arial" Helvetica, sans-serif;
  margin-top: 5%;
  margin-bottom: 5%;
  marin-right: 5%;
  margin-left: 5%;
  }
  #subnav {
	display:none;
}


}



/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
#wrapper {
		width: 1024px;
	}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
#wrapper {
		width: 768px;
	}
}