@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:725px;
}
}
@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){
	.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){
	.sectionTwoTextContainer{
		clear:both;
	}
}
@media only screen and (min-width: 500px) and (max-width: 1200px){
	.sectionTwoImage{
		max-width:80%;
		width:100%;
	}
}
@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){
	.sectionThreeTextContainer{
		clear:both;
	}
}
@media only screen and (min-width: 500px) and (max-width: 1200px){
	.sectionThreeImage{
		width:100%;
		max-width:80%;
	}
}


@media only screen and (min-width: 500px) and (max-width: 1200px){
	.sectionFourTextContainer{
		clear:both;
	}
}
@media only screen and (min-width: 500px) and (max-width: 1200px){
	.sectionFourImage{
		width:100%;
		max-width:80%;
	}
}


@media only screen and (min-width: 500px) and (max-width: 1200px){
	.sectionFiveTextContainer{
		clear:both;
	}
}
@media only screen and (min-width: 500px) and (max-width: 1200px){
	.sectionFiveImage{
		width:100%;
		max-width:80%;
	}
}




@media only screen and (min-width: 500px) and (max-width: 1200px){
	.dottedLine{
		clear:both;
	}
}
@media only screen and (min-width: 500px) and (max-width: 1200px){
	.nav2leftWrapper{
		margin: 1em 0;
	}	
}
@media only screen and (min-width: 500px) and (max-width: 1200px){
	.nav2rightWrapper{
		margin-bottom: 2em;
	}	
}
@media only screen and (min-width: 500px) and (max-width: 1200px){
	.nav2left a, .nav2right a{
		margin-top: 1em;
		color:black;
		margin-right:7em;
	}
}
@media only screen and (min-width: 500px) and (max-width: 1200px){
		
}
@media only screen and (min-width: 500px) and (max-width: 1200px){
		
}