@media only screen and (max-width: 1200px) {
	
	#logocontainer {
		margin-left: 0;
	}
	
	#logo {
		position:relative;
		left:0;
	}

}

@media only screen and (max-width: 950px) {
	
		#additional-info {
			display:none;
		}
		.metaslider .sliderExcerpt {
			display:none;
		}
		#main{
			float: none;
			}
			#left-area {
				width: 100%;
				float: none;
			}
			#sidebar {
				width: 95%;
				padding:20px;
				float: none;
			}
}

@media only screen and (max-width: 800px) {
	
		#headercontainer {
			height:auto;
		}
}

@media only screen and (max-width: 600px) {
	
	.metaslider {
		display:none;
	}
	#logomobile {
		display: block;
	}
	#logocontainer {
			display:none;
	}
			#sidebar {
				width: 90%;
				padding:20px;
			}
	.alignleft {
		float:none;
		display:block;
		margin-right:0;
		margin-bottom:20px;
	}
	.alignright {
		float:none;
		display:block;
		margin-left:0;
		margin-bottom:20px;
	}
}