html {
	  -webkit-text-size-adjust: 100%;
}

/*---RETINA GRAPHICS---*/

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	.header .logo a {
	    background: url(images/logo@2x.png) no-repeat;
	    background-size: 100% auto;
	}
}


/*---RESPONSIVE QUERIES---*/
@media ( max-width : 1060px ) {
	.wrapper {
	    padding: 0 20px;
	}
	.home-featured-spacer {
		height: 30vw;
	}
	.home-featured {
		padding: 0;
	}
	.home-featured .item {
		width: 32%;
		margin: 0 2% 0 0;
	}
		.home-featured .item:nth-child(3) {
			margin-right: 0;
		}
}
@media ( max-width : 1020px ) {
	
	
}
@media ( max-width : 975px ) {
	.header .logo {
		overflow: hidden;
		margin: 0 auto;
		width: 100%;
		text-align: center;
		float: none;
	}
	
		.header .logo a {
		    display: inline-block;
		    margin: 30px auto 15px;
		    max-width: 400px;
		    width: 100%;
		    height: 0;
		    padding-bottom: 8%;
		    background: url(images/logo.png) no-repeat;
		    background-size: 100% auto;
		}
	
	.header .social {
		margin: 0;
		text-align: center;
		float: left;
		position: absolute;
		top: 133px;
	}

	.header .headerlinks {
		width: 210px;
		float: right;
		text-align: center;
		margin: 0 0 10px;
		padding: 0;
	}
	
}

@media ( max-width : 900px ) {
	
	#main li {
		margin: 0;
		font-size: 14px;
	}
	#main a {
		padding: 0 10px 0;
	}
}


@media ( max-width : 800px ) {

	.span_content, .span_content_full {
		float: none;
		width: 100%;
		max-width: 650px;
		margin-left: auto;
		margin-right: auto; }
		
	.span_sidebar {
		clear: both;
		width: 100%;
		max-width: 100%;
		float: none;
		margin: 0;
		padding-top: 50px;
		border-top: 1px solid #ecebec;
	}
		
	#top, #main, .hideonmobile, .header .social, .headerlinks {
		display: none !important;
	}

	.header {
		padding: 63px 0 1px;
		margin: 0 0 10px;
		text-align: center;
		border: none;
	}
	.header .logo {
		float: none;
		text-align: center;
		margin: 0 auto;
		display: none;
	}
	.home-featured-spacer {
		display: none;
	}
	.home-featured {
		position: relative;
		left: 0;
		right: 0;
		padding: 0;
		margin-bottom: 30px;
	}
	.home-featured a.overlay .caption h2 {
		font-size: 12px;
		font-size: 2vw;
	}
	
	.topsidebar, .midsidebar, .lowersidebar {
		float: none;
		margin: 0 auto;
		width: 100%;
		max-width: 300px;
	}
	.footer, .footer .wrap {
		overflow: visible;
	}
	.footer {
		margin-bottom: 30px;
	}
	.footer-widget .recent {
		padding: 0;
	}

	.footer-widget .item {
		width: 15%;
		float: left;
		margin: 0 2% 0 0;
	}
		.footer-widget .item:nth-child(6n) {
			margin-right: 0;
		}
	.sub-footer .footer-nav {
	    margin: 0 0 10px;
	    padding: 0;
	    width: 100%;
	    float: none;
	    text-align: center;
	    font-size: 130%;
	    line-height: 1.5;
	}
	.footer-nav a {
		padding: 5px;
		display: inline-block;
	}
	
	.footer-nav li.top {
		display: block;
		margin: 10px auto 20px;
	}
	.footer-nav li.top a {
		color: #ffffff;
		background-color: #424242;
		padding: 10px 20px;
	}
		.footer-nav li.top a:hover {
			color: #ffffff !important;
			background-color: #6cc0bf;
		}
	.sub-footer  .copyright {
		margin-top: 20px;
		width: 100%;
		text-align: center;
		float: none;
	}


	
}

@media ( max-width : 600px ) {
	
	.footer-widget .item {
		width: 23.5%;
		float: left;
		margin: 0 2% 0 0;
	}
		.footer-widget .item:nth-child(4) {
			margin-right: 0;
		}
		.footer-widget .item:nth-child(5), .footer-widget .item:nth-child(6) {
			display: none;
		}
	.footer-widget:last-of-type:after {
		height: 25vw;
	}
	
	.recipe {
		padding: 15px;
	}
	.recipe .photo {
		width: 30%;
		
	}
	
	.recipe .printbutton {
		width: 30%;
		font-size: 9px;
	}
		.printbutton a {
			font-size: 10px;
			letter-spacing: .1em;
			padding: 8px 5px 5px;
		}
		.printbutton a i {
			font-weight: normal;
			font-size: 18px;
			display: block;
			margin-bottom: 4px;
		}
}

@media ( max-width : 525px ) {
	.archiveslist {
		overflow: hidden;
		-moz-column-count: 2;
		-moz-column-gap: 10px;
		-webkit-column-count: 2;
		-webkit-column-gap: 10px;
		column-count: 2;
		column-gap: 10px;
	}	

}
@media ( max-width : 450px ) {	
	

}
@media ( max-width : 425px ) {	
	
	#commentlist li {
		padding: 10px 0 10px 38px; }
	#commentlist .avatar    {
		width: 32px;
		height: 32px;
		display: inline;
		margin-bottom: 7px;
		margin-left: -38px;
		float: left }
	#commentlist li ul li           {
		list-style-type: none;
		background-color: #f5f5f5;
		padding: 10px 10px 10px 48px;
		margin: 0;
		border: none }
}
@media ( max-width : 400px ) {
	
	.teaser-post {
		float: none;
		width: 100%;
		margin: 0 0 30px;
	}
		.teaser-post img {
			width: 100% !important;
			height: auto;
		}

	.archives .archive-post {
		width: 48%;
		float: left;	
		clear: none !important;
		margin-right: 4% !important;
		margin-bottom: 15px;
		text-align: center;
	}
	.archive-post:nth-of-type(2n) {
		margin-right: 0 !important;
	}
	.archive-post:nth-child(2n+1) {
		clear: both !important;
	}
	
	.relatedposts .archive-post:nth-child(3n) {
		display: none;
	}
	.archiveslist {
		overflow: hidden;
		-moz-column-count: 2;
		-moz-column-gap: 10px;
		-webkit-column-count: 2;
		-webkit-column-gap: 10px;
		column-count: 2;
		column-gap: 10px;
	}

}