@media only screen and (min-width : 0px) and (max-width :1200px) {
	.contactInfo1,.googleMap{
		width: 50%;
	}
	#calculators a {
    width: 100%;
}
		.one {
    margin-top: 5em;
}
}
@media only screen and (min-width : 0px) and (max-width :1240px) {
		.box {
	    flex-basis: 48%;
		justify-content: space-around;
			margin-bottom: 1em;
	}
		#themePark{
		width: 100%;
	}
}
@media only screen and (min-width : 0px) and (max-width :1090px) {
	
	 .highlight span.textBox1,  .highlight span.textBox2 {
		width: 80%;
		 margin: 0 auto;
	}
	.borderBtn, iframe {
	    display: none;
	}
	#olb {
	display: none;	
	}
	#topLink{
		display: block	
	}
		.overlay-content {
		margin-top: -2em;
	}
    #topNav{
        min-width: 75px;
        
    }
	.home_quicklinks{
		
		display: block;
	}
	.home_quicklinks a{
		display: block;
		width: 100%;
		margin:  5px 0;
		
	}



}
@media only screen and (min-width : 0px) and (max-width :1090px) {
    .contain{
        width: auto;
		padding: 1em;
    }
	#regInfo{
			margin: 0 auto;
		}
		#regInfo p, #regInfo p:first-child, #regInfo p:last-child {
		    width: 100%;
		}	
		#regInfo p{
			margin-bottom: 0;
		}
		#regInfo img {
			width: 25%;
			margin: 0 auto;
			margin-bottom: 0;
		}
	#mainImage {
    min-height: 0px;
	}
	.circleImg {
    float: none;
    width: 40%;
    margin: 0 auto;
}
	.secondaryPg {
		padding: 2em;
}
	#pageSum {
	    padding: 0 1em;
	}
	.ac_collapsible .inside{
	    column-count: 1;
            }
}


@media only screen and (min-width : 0px) and (max-width :850px) {
	body{background-color: #FFFFFF;}
	header{position: relative;}

	/*#logo a, #logo a span {
		color: #000;
		text-shadow: none;
	}*/
    #logo .logo_black{
        display: block !important;
    }
    #logo .logo_white{
        display: none;
    }
	#pageTop {
    padding: 1em 0;
}
	#titleSection {
    padding: 0 0 1em 0;
    margin-top: 1em;
}
	
	#join article .borderBtn {
		width: 60%;
	}
		.row h2{
		font-size: 1.3em;
	}
	.box {
	    flex-basis: 49%;
	}
	.section_links {
		flex-direction: column;
		text-align: center;
	}
	.flexslider {
		margin-bottom: 5em;
	}
}

@media only screen and (min-width : 0px) and (max-width :750px) {
	.highlight img{
		height: 100%;
	}
	.images img {
	    height: auto;
	}
	.contactInfo1{width: 49%;}
	.googleMap{width: 49%; }
}
@media only screen and (min-width : 0px) and (max-width :700px) {
	aside{display: none;}
}
@media only screen and (min-width : 0px) and (max-width :650px) {
	.contactInfo1, .contactInfo{
		width: 100%;
		float: none;
		margin: auto;
		text-align: center;
	}
	.googleMap{
		width: 100%;
		float: none;
		margin-bottom: 1em
	}
	.googleMap iframe{height: 250px;}
	#cutout {height:30px;}
	#cutout .triangle {padding-top:30px;}
}
@media only screen and (min-width : 0px) and (max-width :610px) {
	#logo{}
	#logo a{
		font-size: 2em;
	}
		.box {
		flex-basis: 100%;
	}
}
@media only screen and (min-width : 0px) and (max-width :550px) {

	#regInfo img {
			width: 40%;
		}
	.circleImg {
		width: 80%;
	}
	#topNav {
		margin: 2em 1em;
	}
.secondaryPg h2, .secondaryPg h2 + p, .secondaryPg h2 + a, .secondaryPg h2 + img{
  margin-left: 0em;
}
}
@media only screen and (min-width : 0px) and (max-width :510px) {
	#email {
		font-size: .8em;
	}
}
@media only screen and (min-width : 0px) and (max-width :480px) {
	#frontPageLeft {width: 100%;}
	.inside {padding: 0;}
	#bottom{margin-bottom: 1em;}
	.firstRow td { font-size: 1em;	}
	.secondRow td {font-size: .75em;}
	#cutout {height:20px;}
	#cutout .triangle {padding-top:20px;}
}
@media only screen and (min-width : 0px) and (max-width :430px) {
	#logo {
		width: 75%;
	}
		#logo a {
		font-size: 1.5em;
	}
		#logo a span {
			font-size: .5em;
		}
		.overlay a{
			font-size: 1.5em;
		}
		.contactInfo1 h1, .contactInfo2 h1 {
		font-size: 1.5em;
		}
	.contactInfo1 h2, .contactInfo2 h2 {
		font-size: 1.3em;
		}
	.contactInfo1 p, .contactInfo2 p {
		font-size: .9em;
		}
	
	
	}
@media screen and (max-height: 400px) {
		.secondaryPg h1 {
			font-size: 1.5em;
		} 
		.contactInfo2 h1 {
		font-size: 1.3em;
		}
		.contactInfo2 h2 {
		font-size: 1.1em;
		}
	#email {
    font-size: .5em;
}
		#regInfo img {
		width: 60%;
	}
	.circleImg {
		width: 100%;
	}
	#logo {
    width: 75%;
	}
	#logo a span {
		font-size: 0.9em;
	}	
}
@media only screen and (min-width : 0px) and (max-width :370px) {
#join article .borderBtn {
		width: 80%;
	}
		#logo {
    width: 68%;
	}
	#logo a span {
		font-size: 0.6em;
	}	
}