/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

@media screen and (max-width: 950px) {
	/* reset grid to percentage */
	.col4-1,
	.col4-2,
	.col4-3,
	.col3-1,
	.col3-2,
	.col2-1
	{
		margin-left: 2%;
	}
	#pagewrap {
		max-width: 94%;
	}
	.masonry-container {
		max-width: 100%;
	}
	/* content */
	.sidebar1 #content {
		max-width: 68%;
	}
	/* sidebar */
	#sidebar {
		width: 26%;
	}
}

@media screen and (max-width: 780px) {
	#header {
		height: auto;
	}
	#site-logo {
		position: static;
		margin: 15px 90px 5px 0;
		padding: 0;
	}
	#site-description {
		position: static;
		padding: 0 0 15px;
		margin: 0;
	}
	.header-banner {
		position: static;
		padding: 0;
		margin: 0 0 5px;
	}
	/* social icons */
	.header-widget {
		position: static;
		margin: 0;
		padding: 0 0 20px;
		clear: both;
	}
	#main-nav {
		position: relative;
		clear: both;
		z-index: 100;
		padding: 20px 0 5px;
		margin: 0;
	}
	#header #searchform {
		position: absolute;
		top: 8px;
		max-height: 50px;
	}
	#header #searchform #s {
		width: 65px;
	}
	#header #searchform #s:focus {
		width: 110px;
	}
}

@media screen and (max-width: 600px) {
	/* grid2 */
	.grid2 .post-wrap {
		width: 100% !important;
	}

	/* content */
	.sidebar1 #content {
		width: 100%;
		max-width: 100%;
		clear: both;
		float: none;
	}
	/* sidebar */
	#sidebar {
		width: 100%;
		clear: both;
		float: none;
	}
	#sidebar .widget {
		width: 30%;
		margin-right: 3%;
		float: left;
	}
}

@media screen and (max-width: 480px) {
	#body {
		padding: 5px 0;
	}
	/* main nav */
	#main-nav a {
		font-size: 11px;
	}
	/* reset grid to 100% */
	.col4-1,
	.col4-2,
	.col4-3,
	.col3-1,
	.col3-2,
	.col2-1
	{
		width: 100%;
		max-width: 100%;
		margin: 0 0 10px;
		float: none;
		clear: both;
	}
	.masonry-container {
		max-width: 100%;
	}
	.post-wrap {
		width: 100% !important;
	}
	/* post video */
	.post object,
	.post iframe,
	.post embed 
	{
		height: auto;
	}
	/* post nav */
	.post-nav .prev, .post-nav .next {
		display: block;
		width: 100%;
		clear: both;
		margin-bottom: 10px;
	}
	/* footer-text */
	.footer-text .left, .footer-text .right {
		float: none;
	}
	/* sidebar */
	#sidebar .widget {
		width: 100%;
		margin: 0 0 20px;
		float: none;
	}	
}