/*  SECTIONS  ============================================================================= */
.section {clear:both;padding:0px 20px;margin:0px;}

/*  GROUPING  ============================================================================= */
.group:before,
.group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}

/*  GRID COLUMN SETUP   ==================================================================== */
.col {display: block;float:left;margin: 1% 0 1% 1.6%;}
.col:first-child {margin-left: 0;} /* all browsers except IE6 and lower */

/* 1070px Pixels */
@media only screen and (max-width: 1070px) {
	nav ul { margin: 0; }
	nav ul a { padding: 5px 18px; }
	.heroHead p {width:70%;}
	.imgHero { opacity:0.5;}
}
/* 940 Pixels */
@media only screen and (max-width: 940px) {
	nav li a {padding:5px 25px;}
	.heroHead {top:20%;}
	.heroHead h1 {font-size:36px;font-size:3.6rem;}
	.headerBox a {font-size:20px;font-size:2rem;}
	.boxes {margin-top:-8%;}
	.bigNav {display:none;}
	.mobileMenuLink {display:block;}
	nav { border-top: 2px solid #ffffff;}
	a.float:link, a.float:active, a.float:visited {height:40px;line-height:40px;padding:0 20px 0 10px;margin-top:20px;}
	a.float.teal:link, a.float.teal:active, a.float.teal:visited {padding:0 15px;}
}
/* 830 Pixels */
@media only screen and (max-width: 830px) {
	.heroHead h1 {font-size:32px;font-size:3.2rem;}
	.heroHead p {width:90%;}
	.imgHero { opacity:0.4;}
	.headerInterior, .headerInterior_mobile { height:160px; }
}

/* 767 Pixels */
@media only screen and (max-width: 767px) {
	.bigNav {display:none;}
	.mobileMenuLink {display:block;}
	a.float:link, a.float:active, a.float:visited {height:40px;line-height:40px;padding:0 20px 0 10px;margin-top:20px;}
	a.float.teal:link, a.float.teal:active, a.float.teal:visited {padding:0 15px;}
	nav {border-top:0;}
	.headerBox a {font-size:18px;font-size:1.8rem;padding:15% 10px;}
	.dateBlock {padding:5px 10px 5px;}
	.calMonth {font-size:14px;font-size:1.4rem;}
	.calDay {font-size:22px;font-size:2.2rem;}
	a.homeNewsTitle {font-size:16px;font-size:1.6rem;}
	.homeServices .span_5_of_8 {width:80%;}
	.bgInsurance .span_5_of_11 {width:70%;}
	.contentPad {padding:60px 0;}
	.footerCol { text-align: center; width: 100% !important; }	
	.footerLogo { max-width: 50%; }
	div#headerInteriorTitle { font-size:30px;font-size:3.0rem; }
}

/* 650 Pixels */
@media only screen and (max-width: 650px) {
	.boxes {margin:20px auto 40px;}
	.newsLogo {padding:7% 10% 25%;}
}
/* 580 PIXELS */
@media only screen and (max-width: 580px) {
	a.float {display:none;}
	.mobileMenuLink {margin-top:25px;}
	.logo {max-width:50%;}
	.heroHead p {width:100%;}
	.imgHero.hideMobile {display:none;}
	.imgHero.mobileOnly {display:block;}	
	.boxes .span_1_of_4 {width:48%;margin:10px 1% 0;}
	#servicesImage { display:none; }
	.homeServices .col, .homeNews .col { width: 100%; }
	.headerInterior, .headerInterior_mobile { height:130px; }
	.mobileFullWidth { width:100% !important; }
	.leftMenu { width: 100%;font-size:20px;font-size:2.0rem; }
	h3.leftMenuHead { font-size:30px;font-size:3.0rem; }

}
/* 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {margin: 1% 0 1% 0%;}
	.topNav, #slider, .headerInterior, .hideMobile, .col.hideMobile, .pipe, .imgHero.hideMobile {display:none;}
	#slider_mobile, .mobileOnly, .col.mobileOnly, .imgHero.mobileOnly {display:block;}	
	h1 {font-size:34px;font-size:3.4rem;margin-bottom:30px;}
	h2 {font-size:30px;font-size:3rem;}
	h3 {font-size:26px;font-size:2.6rem;}
	h4 {font-size:22px;font-size:2.2rem;}
	h5 {font-size:18px;font-size:1.8rem;}
	.topBar {padidng:10px 0;}
	.topBar a:first-of-type {float:left;position:relative;top:7px;}
	.heroHead h1 {width:100%;}
	.heroHead p {width:100%;}
	.boxes .span_1_of_4 {width:48%;margin:10px 1% 0;}
	.homeServices .span_5_of_8, .bgInsurance .span_5_of_11, .leftMenu, #googleMap, input.submitButton {width:100%;}
	.newsLogo {padding:7% 5% 12%;}
	a.homeNewsTitle {font-size:18px;font-size:1.8rem;}
	.dateBlock {padding:10px 15px 5px;}
	.calMonth {font-size:18px;font-size:1.8rem;}
	.calDay {font-size:26px;font-size:2.6rem;}
	a.viewAll, .insuranceInner a:link {width:100%;text-align:center;padding:15px 0;}
	.footer .span_2_of_10 {width:50%;margin:60px 0 30px;}
	.footerLogo {margin-bottom:10px;}
	.copyright a {display:block;margin-top:20px;}
	.headerBox a {font-size:20px;font-size:2rem;padding:20% 15px;}
	.leftMenu {margin-bottom:40px;}
	#googleMap {margin-bottom:60px;}
	.wysiwyg {min-height:600px;}
	.wysiwyg h2 {font-size:26px;font-size:2.6rem;}
	.wysiwyg .news h2 {font-size:24px;font-size:2.4rem;}
	.wysiwyg h3 {font-size:22px;font-size:2.2rem;}
	
	.newsImgContainer, .eventImgContainer {float:none;margin-left:0;}
	.newsImgContainer img, .eventImgContainer img {float:none;max-width:100%;}
	.footer, .footer .right {text-align:center;}
	.designedBy {padding-top:10px;}
	#contactForm .section {padding:0;}
	.subFooterInner a.blueButton { display: block;text-align: center; }
	.footerLogo { max-width: 80%; }
	h3.leftMenuHead { font-size:30px;font-size:3.0rem; }

	#otherNewsCol { padding-left:20px;border-left:none;border-top: 1px solid #ccc;margin-top: 20px;padding-top: 20px; }	
	
	/* Google reCaptcha Mobile Styles */
	#recaptcha_challenge_image {
		margin: 0 !important;
		/*width: 100% !important;  this is makes mobile image fit */
		height: auto !important;
    }
	.recaptchatable a img {width:auto !important;}
	#recaptcha_logo {display:none;}
    #recaptcha_response_field {
		margin: 0 !important;
		width: 95% !important;
		height: auto !important;
    }
    .recaptchatable #recaptcha_image {
		margin: 0 !important;
		width: 100% !important;
		height: auto !important;
    }
	/*.recaptchatable .recaptcha_image_cell center img {width:100% !important;}*/
	.recaptchatable a, .recaptchatable a:hover {font-size:7px;font-size:0.7rem;}
    .recaptchatable .recaptcha_r1_c1, 
    .recaptchatable .recaptcha_r3_c1, 
    .recaptchatable .recaptcha_r3_c2, 
    .recaptchatable .recaptcha_r7_c1, 
    .recaptchatable .recaptcha_r8_c1, 
    .recaptchatable .recaptcha_r3_c3, 
    .recaptchatable .recaptcha_r2_c1, 
    .recaptchatable .recaptcha_r4_c1, 
    .recaptchatable .recaptcha_r4_c2, 
    .recaptchatable .recaptcha_r4_c4, 
    .recaptchatable .recaptcha_image_cell {
		margin: 0 !important;
		width: 100% !important;
		background: none !important;
		height: auto !important;
    }
	/**********************************/
}

/* 375 PIXELS */
@media only screen and (max-width: 375px) {
	.heroHead { top: 5%; }
	.footerCol h5 {
	    font-size: 30px;
	    border-top: 1px solid #213675;
	    padding-top: 20px;
	    margin-top: 10px;	
	}
	ul.footerNav {
    	font-size: 18px;
    	font-size: 1.8rem;
	}
	.section.group.copyright {
	    font-size: 16px;
	}	
}

/* 2 Columns */
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 49.2%;}
/* 3 Columns */
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 66.13%;}
.span_1_of_3 {width: 32.26%;}
/* 4 Columns */
.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 74.6%;}
.span_2_of_4 {width: 49.2%;}
.span_1_of_4 {width: 23.8%;}
/* 5 Columns */
.span_5_of_5 {width: 100%;}
.span_4_of_5 {width: 79.68%;}
.span_3_of_5 {width: 59.36%;}
.span_2_of_5 {width: 39.04%;}
.span_1_of_5 {width: 18.72%;}
/* 6 Columns */
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83.06%;}
.span_4_of_6 {width: 66.13%;}
.span_3_of_6 {width: 49.2%;}
.span_2_of_6 {width: 32.26%;}
.span_1_of_6 {width: 15.33%;}
/* 7 Columns */
.span_7_of_7 {width: 100%;}
.span_6_of_7 {width: 85.48%;}
.span_5_of_7 {width: 70.97%;}
.span_4_of_7 {width: 56.45%;}
.span_3_of_7 {width: 41.94%;}
.span_2_of_7 {width: 27.42%;}
.span_1_of_7 {width: 12.91%;}
/* 8 Columns */
.span_8_of_8 {width: 100%;}
.span_7_of_8 {width: 87.3%;}
.span_6_of_8 {width: 74.6%;}
.span_5_of_8 {width: 61.9%;}
.span_4_of_8 {width: 49.2%;}
.span_3_of_8 {width: 36.5%;}
.span_2_of_8 {width: 23.8%;}
.span_1_of_8 {width: 11.1%;}
/* 9 Columns */
.span_9_of_9 {width: 100%;}
.span_8_of_9 {width: 88.71%;}
.span_7_of_9 {width: 77.42%;}
.span_6_of_9 {width: 66.13%;}
.span_5_of_9 {width: 54.84%;}
.span_4_of_9 {width: 43.55%;}
.span_3_of_9 {width: 32.26%;}
.span_2_of_9 {width: 20.97%;}
.span_1_of_9 {width: 9.68%;}
/* 10 Columns */
.span_10_of_10 {width: 100%;}
.span_9_of_10 {width: 89.84%;}
.span_8_of_10 {width: 79.68%;}
.span_7_of_10 {width: 69.52%;}
.span_6_of_10 {width: 59.36%;}
.span_5_of_10 {width: 49.2%;}
.span_4_of_10 {width: 39.04%;}
.span_3_of_10 {width: 28.88%;}
.span_2_of_10 {width: 18.72%;}
.span_1_of_10 {width: 8.56%;}
/* 11 Columns */
.span_11_of_11 {width: 100%;}
.span_10_of_11 {width: 90.76%;}
.span_9_of_11 {width: 81.52%;}
.span_8_of_11 {width: 72.29%;}
.span_7_of_11 {width: 63.05%;}
.span_6_of_11 {width: 53.81%;}
.span_5_of_11 {width: 44.58%;}
.span_4_of_11 {width: 35.34%;}
.span_3_of_11 {width: 26.1%;}
.span_2_of_11 {width: 16.87%;}
.span_1_of_11 {width: 7.63%;}
/* 12 Columns */
.span_12_of_12 {width: 100%;}
.span_11_of_12 {width: 91.53%;}
.span_10_of_12 {width: 83.06%;}
.span_9_of_12 {width: 74.6%;}
.span_8_of_12 {width: 66.13%;}
.span_7_of_12 {width: 57.66%;}
.span_6_of_12 {width: 49.2%;}
.span_5_of_12 {width: 40.73%;}
.span_4_of_12 {width: 32.26%;}
.span_3_of_12 {width: 23.8%;}
.span_2_of_12 {width: 15.33%;}
.span_1_of_12 {width: 6.86%;}

/* Go full width at 480px and less */
@media only screen and (max-width: 480px) {
	.span_1_of_2, .span_2_of_2,
	.span_1_of_3, .span_2_of_3, .span_3_of_3,
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_1_of_4,
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5,
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6,
	.span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7,
	.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8,
	.span_1_of_9, .span_2_of_9, .span_3_of_9, .span_4_of_9, .span_5_of_9, .span_6_of_9, .span_7_of_9, .span_8_of_9, .span_9_of_9,
	.span_1_of_10, .span_2_of_10, .span_3_of_10, .span_4_of_10, .span_5_of_10, .span_6_of_10, .span_7_of_10, .span_8_of_10, .span_9_of_10, .span_10_of_10,
	.span_1_of_11, .span_2_of_11, .span_3_of_11, .span_4_of_11, .span_5_of_11, .span_6_of_11, .span_7_of_11, .span_8_of_11, .span_9_of_11, .span_10_of_11, .span_11_of_11,
	.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {width: 100%;}
}