.robotoregular {
	font-family: robotoregular;
}

.source_sans_proregular {
	font-family: source_sans_proregular;
}

.source_sans_probold {
	font-family: source_sans_probold;
}

.GloriolaStdLight {
	font-family: GloriolaStdLight;
}

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}



html {
	font-size: 1em;
	border: 1px solid #000;
	width: 100%;
	/*max-width:1600px;*/
	/*min-width:800px;*/
}

body {
	font-family: GloriolaStdLight;
	font-size: 1em;
	/*line-height: 1em;*/
	background: #eaeaea;
	overflow: auto;
	width: 100%;
	/*max-width:1600px;*/
	/*border-bottom:140px solid #000;*/
}


.fleft {
	float: left;
}

.fright {
	float: right;
}


.container {
	position: relative;
	max-width:100%;
	width: 100%;
	padding:0 20px;
	box-sizing: border-box;
	margin: 0 auto;
	/*border-bottom:1px solid #000;*/
	overflow: hidden;
	z-index: 5;
}

.banner {
	width: 100%;
	height: 140px;
	padding-top: 45px;
	margin-bottom: 120px;
	/*background: #bebebe;*/
}

	.banner h1 {
		font-size: 3em;
		color: #000;
		text-align: center;
		line-height: 0;
	}

	.banner h3 {
		color: #000;
		text-align: center;
	}

.nav {
	position: absolute;
	/*width:100%;*/
	height: 55px;
	margin: 0;
	padding: 0;
	margin-top: 180px;
	/*background: #000;*/
	z-index: 10;
	/*border-bottom:1px solid #000;*/
}

.overlay {
	width: 25%;
	height: 50px;
	float: left;
	cursor: pointer;
	/*background: red;*/
}

.navElement {
	width: 100%;
	height: 0px;
	/*line-height: 55px;*/
	text-align: center;
	margin: 0;
	padding: 0;
	float: left;
	cursor: pointer;
	background: #eaeaea;
	/*border-top:10px solid #000;*/
	border-bottom: 10px solid #000;
	/*border-radius:10px;*/
}

	.navElement p {
		/*color:#eaeaea;*/
		color: #000;
		font-size: 1.8em;
		margin-top: 13px;
		padding-top: 13px;
		display: inline-block;
		vertical-align: middle;
		line-height: 0;
	}

#mover {
	position: relative;
	width: 6000px;
	/*background: #bebebe;*/
}

	#mover p {
		width: 1000px;
		font-size: 1.15em;
		float: left;
	}



.clear {
	clear: both;
}

.textWrapper {
	max-width: 530px;
	font-size: 1.2em;
	margin: 0 auto;
	overflow: auto;
}

#textThree ul {
	list-style: none;
	float: left;
}

.textWrapperThree {
	max-width: 900px;
	min-width: 900px;
}

#map_canvas {
	margin-left: 50px;
	width:100%;
	height:450px;
}

#textFour p {
	float: left;
	margin-left: 20px;
}

#textFour iframe {
	float: left;
	margin-left: 20px;
	width: 600px;
}

@media screen and (max-width:1200px){
	#textFour p {
		float: left;
		margin-left: 20px;
	}

	#textFour iframe {
		float: left;
		margin-left: 20px;
		width: 500px;
	}
}

@media screen and (max-width: 860px) {
	#textThree ul{
		float: none;
	}
	#textFour p {
		float: left;
		margin-left: 20px;
	}

	#textFour iframe {
		float: left;
		margin-left: 20px;
		width: 400px;
	}
}

	@media screen and (max-width: 750px) {
		.navElement p {
			font-size: 1.3em;
		}

		.banner h1 {
			font-size: 2.5em;
		}

		.banner h3 {
			font-size: 1.2em;
		}
		#textFour p {
			float: left;
			margin-left: 20px;
		}

		#textFour iframe {
			float: left;
			margin-left: 20px;
			width: 300px;
		}
	}
	@media screen and (max-width:630px) {
		#textFour p {
			float: left;
			margin-left: 10px;
			font-size:0.8em;
		}

		#textFour iframe {
			float: left;
			margin-left: 10px;
			width: 200px;
		}
	}

	@media screen and (max-width: 530px) {
		.navElement p {
			font-size: 1.1em;
		}

		.banner h1 {
			font-size: 2em;
		}

		.banner h3 {
			font-size: 1.2em;
		}
		#textFour p {
			float: left;
			margin-left: 10px;
		}

		#textFour iframe {
			float: left;
			margin-left: 10px;
			width: 200px;
		}
	}




	@media screen and (max-width: 450px) {
		.navElement p {
			font-size: 1.0em;
		}

		.banner h1 {
			font-size: 1.8em;
		}

		.banner h3 {
			font-size: 1.0em;
		}

		#textFour p {
			float: left;
			margin-left: 10px;
			font-size: 0.8em;
		}

		#textFour iframe {
			float: left;
			margin-left: 10px;
			width: 100px;
			height:200px;
		}
	}

	@media screen and (max-width: 400px) {
		.navElement p {
			font-size: 0.75em;
		}

		.banner h1 {
			font-size: 1.4em;
		}

		.banner h3 {
			font-size: 0.8em;
		}
		#textFour p {
			float: left;
			margin-left: 10px;
			font-size: 0.7em;
		}

		#textFour iframe {
			float: left;
			margin-left: 10px;
			width: 150px;
		}
	}

	@media screen and (max-height: 800px) {
		.sectionTwoText {
			line-height: 0.4em;
		}

		#map_canvas {
			height: 300px;
		}
	}

	@media screen and (min-height: 800px) {
		.sectionTwoText {
			line-height: 1.0em;
		}

		#map_canvas {
			height: 450px;
		}
	}

	/* Smartphones (portrait) ----------- */
	@media only screen and (max-width : 450px) {
		html {
			/*border-bottom-width:0px;*/
		}

		.textWrapperThree {
			/*background: orange;*/
			max-width: 530px;
			min-width: 100%;
		}

		#textThree ul {
			padding-left: 20px;
			/*background: red;*/
			float: none;
			font-size: 0.9em;
		}

		.sectionTwoText {
			line-height: 1.0em;
		}

		#textOne {
			margin-left: 20px;
			font-size:0.8em;
		}

		.banner h1 {
			font-size: 1.45em;
			font-size:1.2em;
		}

		.banner h3 {
			font-size: 0.8em;
		}

		#textFour p {
			float: none;
			margin-left: 20px;
		}

		#textFour iframe {
			float: none;
			margin-left: 20px;
			width: 280px;
		}

		/*@media screen and (max-width: 1265px){

.navElement p{
	font-size:1.5em;
}

/*.textWrapper{*/
		/*max-width:35%;*/
		/*}


}

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

.navElement p{
	font-size:1.3em;
}

.textWrapper{
	max-width:500px;
	font-size:1em;
}


}

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

.navElement p{
	font-size:1.1em;
}

.textWrapper{
	max-width:500px;
	font-size:1em;
}

}

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

.navElement p{
	font-size:0.9em;
}

.textWrapper{
	max-width:500px;
	font-size:1em;
}

}
*/



		/* iPads (portrait and landscape) ----------- */
		@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
			/* Styles */
		}

		/* iPads (landscape) ----------- */
		@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
			/* Styles */
		}

		/* iPads (portrait) ----------- */
		@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
			/* Styles */
		}

		/* Desktops and laptops ----------- */
		@media only screen and (min-width : 1224px) {
			/* Styles */
		}

		/* Large screens ----------- */
		@media only screen and (min-width : 1824px) {
			/* Styles */
		}

		/* iPhone 4 ----------- */
		@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
			/* Styles */
		}
	}