html {
	-webkit-text-size-adjust: none;
}

@media only screen and (max-width: 767px) {

	.container { width: 100%; }
	
	#logo {
		max-width: 95% !important;
		display: block;
		margin: 10px auto;
		float: none;
	}
	
	.headercontact {
		width: 100%;
		text-align: center;
		float: none;
		display: block;
		margin: 10px auto;
	}
	
	.header-social {
		position: relative;
		float: left;
		display: block;
		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;
	}
	
	.contactarea {
		width: 95%;
		margin: 0 auto;
		padding: 0;
		float: none;
	}
	
	.menu-legal-menu-container { display: none; }

}

@media only screen and (min-width: 768px) and (max-width: 959px) {

	.container { width: 100%; }
	
	#logo {
		max-width: !important;
		display: block;
		margin: 20px auto;
		float: none;
	}
	
	.headercontact {
		width: 100%;
		text-align: center;
		float: none;
		display: block;
		margin: 10px auto;
	}
	
	.header-social {
		position: relative;
		float: left;
		display: block;
		left: 50%;
		margin: 10px auto;
	}
	
	.header-social li {
		position: relative;
		float: left;
		display: block;
		right: 50%;
	}
	
	#content {
		width: 90%;
		margin: 0 auto;
	}

}


@media only screen and (min-width: 960px) and (max-width: 1199px) {

	.container { width: 960px; }

}

@media only screen and (min-width: 1200px) {

	.container { width: 1200px; }

}