/************************************************************************************
smaller than 960
*************************************************************************************/
@media screen and (max-width: 960px) {

	
	/* content */
	#content, #contact {
		width: 80%;
		margin:10% auto 0% auto;
		float: none;
		padding: 3%;
	}
#full {
		width: 80%;
		margin:10% auto 3% auto;
		float: none;
		padding: 3%;
	}
	/* sidebar */
	#sidebar,#sidecontact {
		width: 86%;
		margin:0% auto 3% auto;
		float: none;
		padding: 3%;
	}
#sidebar .widget {
		padding:2% 3%;
		margin: 0 0;
	}
	#sidecontact  .widget {
		padding:2% 3%;
		margin: 0 0;
	}
	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		min-height: 25em;
	}

}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: 1.2em;
	}

	/* main nav */
	#content,#contact, #sidecontact,#sidebar, #full, .nav a {
		font-size: 1.2em;
		padding: 1em;
	}

}