html {
	-webkit-text-size-adjust: none;
}

@media only screen and (max-width: 767px) {

	.contentinner { width: 100%; }
	
	#logo {
		width: 100% !important;
		display: block;
		padding: 30px auto 10px 0;
		margin: 0 auto;
		float: none;
	}
	
	.home .headercontact, .headercontact {
		width: 100%;
		text-align: center;
		float: none;
		display: block;
		margin: 10px auto;
	}
	
	.header-social {
		position: relative;
		float: left;
		display: none;
		left: 50%;
		margin: 10px auto;
	}
	
	.header-social li {
		position: relative;
		float: left;
		display: block;
		right: 50%;
	}
	
	.hfeed, .aside {
		width: 90%;
		float: none;
		margin: 0 auto;
	}
	
	.block-single {
		width: 100% !important;
	}
	
	.contactarea {
		width: 95%;
		margin: 0 auto;
		padding: 0;
		float: none;
	}
	
	.contact-column {
		width: 90%;
		margin: 0 auto;
		float: none;
	}
	
	.menu-legal-menu-container { display: none; }
	
	.header-cart-tab {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
	}
	
	.header-splatter {
		background-image: none;
		background-color: #000;
		text-indent: 0px;
		text-align: center;
	}
	
	.video-window {
		width: 100% !important;
		padding-bottom: 20px !important;
	}
	
	.video-window div {
		position: relative;
	}
	
	.archive .video-window div { display: block !important; }
	
	.video-list {
		display: none;
	}
	
	.home-merch-single {
		width: 45%;
	}
	
	.home-merch-single h5 {
		font-size: 12px;
		text-transform: none;
		letter-spacing: 0;
		white-space: nowrap;
		overflow-x: hidden;
	}
	
	.footer { display: none; }
	
	.show-archive-featured-left, .show-archive-featured-right, .merch-archive-single,
	.merch-single-image, .merch-single-description	{ float: none; width: 100%; }

}

@media only screen and (min-width: 768px) and (max-width: 959px) {

	.contentinner { width: 100%; }
	
	#logo {
		width: 80%!important;
		display: block;
		padding: 20px auto;
		margin: 0 auto;
		float: none;
	}
	
	.home .headercontact, .headercontact {
		width: 100%;
		text-align: center;
		float: none;
		display: block;
		margin: 10px auto;
	}
	
	.header-social {
		position: relative;
		float: left;
		display: none;
		left: 50%;
		margin: 10px auto;
	}
	
	.header-social li {
		position: relative;
		float: left;
		display: block;
		right: 50%;
	}
}


@media only screen and (min-width: 960px) and (max-width: 1199px) {

	.contentinner { width: 960px; }
	
	.footer .menu a, .footer .menu a:link, .footer .menu a:visited { padding: 0 30px; }

}

@media only screen and (min-width: 1200px) {

	.contentinner { width: 1200px; }

}
