@charset "utf-8";
/* CSS Document */


/*************************************
Screen 440 - 659
*************************************/
@media screen and (min-width: 440px) {
		/*****************************
		General CSS - 440
		*****************************/




		/*****************************
		Header CSS - 440
		*****************************/




		/*****************************
		Footer CSS - 440
		*****************************/
		#socWrap {
			width: 65%;
			margin-left: 28.5555%;
		}
		#policyFoot ul li {
			display: inline-block;
			width: 50%;
		}
		#policyFoot ul li:nth-child(odd) {
			float: left;
		}
		#policyFoot ul li:nth-child(even) {
			float: right;
		}





		/*****************************
		Home Page CSS - 440
		*****************************/




		/*****************************
		Page 2 CSS - 440
		*****************************/




		/*****************************
		Page 3 CSS - 440
		*****************************/




		/*****************************
		Contact Page CSS - 440
		*****************************/
		#contformwrap {
			width: 75%;
			margin-left: 12.5%;
			margin-right: 12.5%;
		}

		.cont textarea {
			height: 7em;
		}

		#mapWrap {
			width: 75%;
			margin-left: 12.5%;
			margin-right: 12.5%;
		}


}





/*************************************
Screen 660 - 839
*************************************/
@media screen and (min-width: 660px) {
		/*****************************
		General CSS - 660
		*****************************/




		/*****************************
		Header CSS - 660
		*****************************/
		#slogan img {
			width: 75%;
		}

		nav {
			float: left;
			width: 100%;
			clear: both;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a800+0,00dd00+50,00a800+100 */
			/*background: #00a800;
			background: -moz-linear-gradient(top,  #00a800 0%, #00dd00 50%, #00a800 100%);
			background: -webkit-linear-gradient(top,  #00a800 0%,#00dd00 50%,#00a800 100%);
			background: linear-gradient(to bottom,  #00a800 0%,#00dd00 50%,#00a800 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a800', endColorstr='#00a800',GradientType=0 );
			*/

			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#990000+0,be0000+50,990000+100 */
background: #990000; /* Old browsers */
background: -moz-linear-gradient(top,  #990000 0%, #be0000 50%, #990000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #990000 0%,#be0000 50%,#990000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #990000 0%,#be0000 50%,#990000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#990000',GradientType=0 ); /* IE6-9 */


		}

		nav ul {
			float: left;
			width: 100%;
		}

		nav a {
			padding: 0;
		}

		nav li {
			display: inline-block;
			float: left;
			width: 16.6666%;
			height: auto;
			font-size: 1em;
		}

		nav li:hover {
			background: rgba(0,0,0,.9);
		}

		#contactHead {
			margin-right: 2.5%;
		}


		/*****************************
		Footer CSS - 660
		*****************************/
		#socWrap {
			width: 75%;
			margin-left: 12.5%;
			margin-right: 12.5%;
		}

		.socItem {
			float: right;
		}

		#rightFoot {
			float: right;
			width: 50%;
		}

		#leftFoot {
			float: left;
			width: 50%;
		}

				/*Policy alignment washout-reset*/
				#policyFoot ul li:nth-child(odd) {
					float: left;
				}
				#policyFoot ul li:nth-child(even) {
					float: left;
				}
		#policyFoot ul li {
			width: 25%;
		}



		/*****************************
		Home Page CSS - 660
		*****************************/




		/*****************************
		Page 2 CSS - 660
		*****************************/




		/*****************************
		About Page CSS - 660
		*****************************/
		#ggFistBump {
			max-width: 50%;
		}



		/*****************************
		Contact Page CSS - 660
		*****************************/
		#contformwrap {
			width: 60%;
			margin-left: 20%;
			margin-right: 20%;
		}

		.cont textarea {
			height: 7em;
		}

		#submit {
			width: 25%;
		}

		#mapWrap {
			width: 75%;
			margin-left: 12.5%;
			margin-right: 12.5%;
		}

		#gMap {
			height: 18em;
		}



}





/*************************************
Screen 840+
*************************************/
@media screen and (min-width: 840px) {
		/*****************************
		General CSS - 840
		*****************************/
		.para75 {
			width: 75%;
			margin-left: 12.5%;
			margin-right: 12.5%;
			text-align: justify;
		}



		/*****************************
		Header CSS - 840
		*****************************/
		header {
		}

		#logo {
			display: block;
			float: left;
			height: 100px;
			padding: 1em;
		}

		#slogan {
			position: absolute;
			top: 3em;
			left: 229px;
			margin-top: 0;
		}

		#slogan img {
			width: 60%;
			float: left;
		}

		#contactHead {
			position: relative;
			top: 3em;
			right: 5%;
			width: 100%;
			text-align: right;
			font-size: 1.5em;
		}


		nav {
			height: 2em;
			font-size: 1.25em;
		}

		nav ul {
			height: 100%;
			width: 75%;
			float: left;
			font-weight: 700;
		}
		
		nav li {
			font-size: .8em;
			background: none;
			color: #000;
			transition: background, color;
			transition-duration: .3s;
			transition-delay: .1s;
			transition-timing-function: ease-in-out;
		}

		nav li:hover {
			background: rgba(0,0,0,.9);
			color: #fff;
		/*	transition: all .5s .2s ease-in-out;*/
			transition: background, color;
			transition-duration: .5s;
			transition-delay: .2s;
			transition-timing-function: ease-in-out;
		}

		.menuItemWrap {
			padding: .65em 0;
			min-height: 1.23em;
		}







		/*****************************
		Footer CSS - 840
		*****************************/
		#socWrap {
			width: 50%;
			margin-left: 35%;
			margin-right: 5%;
		}

		.socItem {
			float: left;
			width: 25%;
		}
			.socItem:nth-child(3n+1) {
				margin-left: 0;
				margin-right: 12.5%;
			}
			.socItem:nth-child(3n+2) {
				margin-left: 0;
				margin-right: 12.5%;
			}
			.socItem:nth-child(3n+3) {
				margin-left: 0;
				margin-right: 0 !important;
			}

		#policyFoot ul {
			width: 75%;
			margin-left: 12.5%;
			margin-right: 12.5%;
		}


		/*****************************
		Home Page CSS - 840
		*****************************/




		/*****************************
		Page 2 CSS - 840
		*****************************/




		/*****************************
		Page 3 CSS - 840
		*****************************/




		/*****************************
		Contact Page CSS - 840
		*****************************/
		#contformwrap {
			width: 40%;
			float: right;
			margin-left: 0%;
			margin-right: 5%;
		}

		.cont textarea {
			height: 7em;
		}

		#mapWrap {
			width: 50%;
			float: left;
			margin: 3em 25% 3em;
		}

		#gMap {
			height: 19.5em;
			margin-top: -.5em;
		}



}