.mobileseperator {
	display: none;
}

.desktoplogo {
	display: block;
}
.mobilelogo {
	display: none;
}

@media (max-width: 1000px) and (min-width: 700px) {
	
	.row {
		width: 90%;
		margin: 0 auto;
	}
	
	.sectionintro h5 {
		height: 80px;
		bottom: 5px;
		margin: 0 0 80px 0;
		font-size: 1em !important;
	}
	
	.sectionintro img {
		margin: 0 0 80px 0;
	}
	
	.sectionintro h5 span {
		padding: 10px 15px;
	}
	
	
	#mainnav {
		font-size: 1.1em;
	}
	
	#mainnav li {
		margin: 0 0 0 15px;
		}
	
	
}

@media (max-width: 700px) {
	
	#viewmobilenav { display: block; background: url("../img/icons/open-nav.png"); }
	
	#closemobilenav  {
		background: url('../img/icons/close-nav.png');
	}
	
	.menuwrap {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(69, 89, 98, .90);
		z-index: 990;
	}
	
	#mainnav {
		padding: 0;
		margin: 0;
		text-align: center;
		font-size: 1.6em;
		padding: 30px 0 0 0;
		}
	
	#mainnav li {
		display: block;
		border: 0;
		padding: 30px 0 0 0;
		border: 0 !important;
	}
	
	#ww-1 .mi3 a, #ww-1 .mi3 a:hover {
		 padding: 0 !important;
	}
	
	#scrollednav #mainnav li a:hover, #scrollednav #mainnav li.isActive a, #ww-1 .mi3 a, #mainnav li a:hover {
		color: #97bc27 !important;
	}
	
	#mainnav li a:hover, #mainnav li.isActive a, #ww-1 .mi3 a {
						color: #97bc27;
					
					}
					
	#mainnav li a {
		text-shadow: none !important;
		padding: 0 !important;
		border: 0 !important;
		color: #fff;
	}
	
	#mainnav li a:hover {
		text-shadow: none !important;
		padding: 0;
		border: 0 !important;
	}
	
	DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap, div.csc-textpic-intext-right .csc-textpic-imagewrap {
		float: none;
	}
	
	.csc-textpic-intext-right-nowrap .csc-textpic-text {
		padding: 0;
		margin: 0;
	}
	
	.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
		padding: 0;
	}
	
	DIV.csc-textpic-intext-right .csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
		margin: 0;
	}
	
	.desktoplogo {
		display: none;
	}
	.mobilelogo {
		display: inline-block;
	}
	
	.logo img {
		margin: 0 auto;
		margin-top: 95px;
		margin-left: 15px;
		max-width: 90%;
		height: auto;
		display: inline-block;
	}
	
	.logo {
		text-align: center;
	}
	
	.col-10, .col-20, .col-30, .col-40, .col-48, .col-50, .col-60, .col-65, .col-70, .col-80, .col-90, .col-100 {
		float: none;
		width: 100%;
	} 
	
	#graphics {
		margin: 0 auto;
		width: 90%;
	}
	
	.row, .csc-default {
		width: 90%;
		margin: 0 auto;
	}
	
	#maincontent h2 {
		line-height:2.4em;
	}
	
	.sectionintro h5 {
		bottom: 10px;
	}
	
	#footer .col-30 {
		padding: 20px 0 0 0;
	}
	
	#footer .col-65 p {
		text-align: center;
	}
	
	.mobileseperator {
		display: block;
		height: 1px;
		overflow: hidden;
	}
	
	.sepNotMobile {
		display: none;
	}
	
	#metanav li {
		display: block;
		text-align: center;
		padding: 0 0 10px 0;
	}
	#metanav li.seperator {
		display: none
	}
	
	.stage {
		height: 250px !important;
	}
	
	
	.logofooter {
		width: 70%;
	}
	
	#footer .align-right {
		text-align: center;
	}
	
	#open {
		font-size: 1.4em;
	}
	
	#teaser p {
		padding: 0 20px;
	}
	
	#mainnav {
		margin: 0;
	}
	
	.menuwrap {
		display: none;
	}
	
	#scrollednav {
		display: none !important;
	}
}

@media (max-width: 400px) {
	.logo img {
		margin-top: 140px;
	}
}