/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 1024px) {
	.header h1 {font-size:32px; margin-top:30px}
	.header h2 {font-size:22px}
	.logo {padding-right:25px}
	
	
.arrow_box, .arrow_box1, .arrow_box2, .arrow_box3, .arrow_box4, .arrow_box5 {
	position: relative;
	background: none;
	border-bottom:none;
	margin-top:0px;
	
}
.arrow_box:after, .arrow_box1:after, .arrow_box2:after, .arrow_box3:after, .arrow_box4:after, .arrow_box5:after,   .arrow_box:before, .arrow_box1:before, .arrow_box2:before, .arrow_box3:before, .arrow_box4:before,  .arrow_box5:before  {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after, .arrow_box1:after, .arrow_box2:after, .arrow_box3:after, .arrow_box4:after, .arrow_box5:after, {
	border:none;
	border-bottom-color: #eaab00;
	border-width: 17px;
	margin-left: -17px;
}


#plan {margin-left:85px}
.planBox {
width: 190px;
height: 155px;
background-color: #f1f0f0;
float: left;
margin: 5px 10px;
text-align:center;
font-family: sans-serif;

}

.planBox .cost {
color: #eaab00;
font-size: 3.125em;
text-align: center;
line-height: 1.0em;
margin: 0px 10px 0 0;
font-weight: bold;
}
.planBox .duration {
text-align: right;
font-size: .5em;
line-height: 2.0em;
padding-right: 5%;
margin: 0px 0 0 0;
color:#eaab00
}
.planBox .annualFee, .planBox .enrollmentFee {
font-size: 13px;
line-height: 1.0em;
text-align: center;
margin: 0px 0;
}
.planBox .enrollmentFee {
color: #003946;
}
.planBox .enrollmentFee {
font-size: 12px;
line-height: 1.0em;
text-align: center;
margin: 0px 0;
}
.textShadow {
text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}
.planBoxContainer {
width: 815px;
float: none;
margin-left: 40px;}
.selected {background:#eaab00; padding:3px}

}

@media only screen and (max-width: 768px) {
	
.header h1 {font-size:22px; margin-top:45px}
.header h2 {font-size:16px}
	#plan {margin-left:0px; width:100%}
	.planBox {
width: 180px;
height: 155px;
background-color: #f1f0f0;
float: left;
margin: 5px 5px;
text-align:center;
font-family: sans-serif;

}
	
	
}
	@media only screen and (min-width: 480px) and (max-width: 640px){
.menu_cont nav ul li{font-size: 12px;width: 20%;}
.menu_cont nav ul li a{padding: 20px 18px;}
.menu_cont nav ul li span.step{padding: 5px 4px;font-size: 12px;}
}
@media only screen and (max-width: 480px) {

	.header h1 {font-size:32px; margin-top:35px}
.header h2 {font-size:22px}
	 	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
.text {
	
	text-align:left;
	width:100%

}
.benefitContainer {margin-left:10%}
.footertext { text-align:left;}

.planBox {
	float:left;
width: 260px;
height: 200px;
background-color: #f1f0f0;
text-align:center;
font-family: sans-serif;
margin-left:0px
}
#plan {margin-left:0px !important; margin-right:30px}
.planBox .cost {
color: #eaab00;
font-size: 6em;
text-align: center;
line-height: 1.0em;
margin: 14px 10px 0 0;
font-weight: bold;
}
.planBox .duration {
text-align: right;
font-size: .8em;
line-height: 2.0em;
padding-right: 14%;
margin: -5px 0 0 0;
color:#eaab00
}
.planBox .annualFee, .planBox .enrollmentFee {
font-size: 15px;
line-height: 1.0em;
text-align: center;
margin: 5px 0;
}
.planBox .enrollmentFee {
color: #003946;
}
.planBox .enrollmentFee {
font-size: 15px;
line-height: 1.0em;
text-align: center;
margin: 5px 0;
}
.textShadow {
text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}

.signup {margin-right:15%}
.header {width:100%; 
		}
.logo { position:relative; top:5px; left:25px; margin-right:5%
	}
	
}
/*MOB_MENU*/
.menu_cont nav {float: left;width: 100%;}
.menu_click{display:block; background-color:#F2F5F6;width: 100%;height: auto;overflow: hidden;padding: 10px 0;padding-left: 10px;color:#999999; font-size:18px; text-decoration:none;
background-image: url(images/nav-icon.png);background-repeat: no-repeat;background-position: 95% center;box-shadow: inset 0px 0px 2px rgba(0,0,0,0.2); cursor:pointer; border:1px solid rgba(0, 0, 0, 0.2);}
.menu_cont nav ul{ display:none;position:relative; width:100%; overflow:hidden;}
.menu_cont nav ul li{font-size: 14px; width: 100%;text-align:left; border-bottom: 1px solid rgba(0, 0, 0, 0.26); height:auto;margin: 0;padding:0; background-color: rgba(3, 109, 181, 0.03);}
.menu_cont nav ul li a{padding: 12px 12px;}
.menu_cont nav ul li:hover span.arrow{ display:none !important;}
.menu_cont nav ul li.active span.arrow{display:none !important;}
.menu_cont nav ul li.active a{background-color:#003946; color:#fff; text-decoration:none;}
.menu_cont nav ul li.active span.step{ display:none;}
.menu_cont nav ul li span.tick{ display:none;}