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

@media only screen and (min-width: 500px) and (max-width: 1200px){
	.outSideContent{
	width:80%;
	max-width:700px;
	background-image:url("Posten-Creative-background-small.jpg");
}
}

@media only screen and (min-width: 500px) and (max-width: 1200px){
	.topLine{
		width:81%;
		margin-bottom:.25em;
}
}
@media only screen and (min-width: 500px) and (max-width: 1200px){
	.line{
	margin:auto;
	width:81%;
	max-width: 750px;
}
}
@media only screen and (min-width: 500px) and (max-width: 1200px){
	.content{
	width:80%;
	max-width:500px;
	margin:auto;
}
}
@media only screen and (min-width: 500px) and (max-width: 1200px){
	.sectionOneListContainer{
		width:100%;
		min-width: 450px;
		margin:auto;
	}	
}
@media only screen and (min-width: 500px) and (max-width: 1200px){
	.list{
		display:none;
	}
}
@media only screen and (min-width: 500px) and (max-width: 1200px){
	.listMedium{
		display:block;
		float:left;
	}	
}
@media only screen and (min-width: 500px) and (max-width: 1200px){
	.sectionTwoTitleContainer{
		width:50%;
		margin:0 0 0 0;
		float:left;
	}
}
@media only screen and (min-width: 500px) and (max-width: 1200px){
	.sectionTwoTitle{
		margin:0 0 0 0;
		float:left;
	}
}

@media only screen and (min-width: 500px) and (max-width: 1200px){
	.sectionThreeTitleContainer{
		width:50%;
		margin:0 0 0 0;
		float:right;
	}
}
@media only screen and (min-width: 500px) and (max-width: 1200px){
	.sectionThreeTitle{
		margin:0 0 0 0;
		float:left;
	}
}


@media only screen and (min-width: 500px) and (max-width: 1200px){
	.dottedLine{
		clear:both;
	}
}