/* ePASSClientResponsive */

/*  SECTIONS  ============================================================================= */
.section {clear: both;	padding: 0px;	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 */

/*! 12 Cols */
.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%;}

/*! 11 Cols */
.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%;}

/*! 10 Cols */
.span_10_of_10 {width: 100%;}
.span_9_of_10 {width: 90.00%;}
.span_8_of_10 {width: 80.00%;}
.span_7_of_10 {width: 70.00%;}
.span_6_of_10 {width: 60.00%;}
.span_5_of_10 {width: 50.00%;}
.span_4_of_10 {width: 40.00%;}
.span_3_of_10 {width: 30.00%;}
.span_2_of_10 {width: 20.00%;}
.span_1_of_10 {width: 6.00%;}

/*! 9 Cols */
.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%;}

/*! 8 Cols */
.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%;}

/*! 7 Cols */
.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%;}

/*! 6 Cols */
.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%;}

/*! 5 Cols */
.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%;}

/*! 4 Cols */
.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%;}

/*! 3 Cols */
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 66.13%;}
.span_1_of_3 {width: 32.26%;}

/*! 2 Cols */
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 49.2%;}




/* Anything larger than 1024 - full desktop */
/*
@media only screen and (min-width: 800px) {
	//*iPAD 7", landscape 
	#mainNav li {display:inline-block;}
}
*/

@media only screen and (max-width: 650px) {
	h1 {font-size: 100%;}
	h2 {font-size: 190%;  font-family:'Open Sans', sans-serif; font-weight: 300; color: #333; padding: 0px; margin-bottom: 8px;margin-top: 10px;}
	#ePASSLibraryName {display: none !important ;}
	.ePASSLibraryNameHeader {color:#fff; font-size: 16px; background-color: rgba(0, 0, 0, .3); padding: 5px 5px 5px 5px; line-height: 1.2em;text-align: left; width:40%;}
	#ePASSmaincontentimage {height:450px;}
	.clientLogo {max-width:100%;}

	 /* .ePASSLogoutHeader {font-size:50%;line-height: 18px;} */
	#ePASSLogoutURL {font-size:50%;}
	#ePASSContactURL {font-size:50%;}

}

@media only screen and (min-width: 650px) {
	h1 {font-size: 210%;  font-family:'Open Sans', sans-serif; font-weight: 500;color: #ff6633; padding: 4px 4px 10px 0px; margin: 0; line-height: 225%;}
	h2 {font-size: 180%; line-height:30px; font-family: 'Open Sans', sans-serif; font-weight: normal;color:#333; padding: 4px 4px 10px 0px; margin: 0;}
	#ePASSLibraryName {display: inline !important ;}
	.ePASSLibraryNameHeader {
		color:#fff; font-size: 400%; background-color: rgba(0, 0, 0, .3); padding: 10px 10px 15px 10px; line-height: 55px;text-align: left;font-weight: 600; display:none;
	}
	#ePASSmaincontentimage {height:450px;}
	.clientLogo {max-width:100%;}
	 /* .ePASSLogoutHeader {font-size:50%;line-height: 18px;} */
	/* #ePASSLogoutLink {font-size:80%;} */
	/* #ePASSContactURL {font-size:100%;} */
	/* #ePASSContactUsLink {font-size:80%;} */
}



/* Interior  */

	/* All */
	i {
	    /*color: #8cb12f;*/
			color: #035fcf;
	    display: inline;
	    font-family: FontAwesome;
	    font-size: 75%;
	    font-style: normal;
	    font-weight: normal;
	    padding: 2px 10px 0 5px;
	    text-align: left;
	}
	
	#mainNav li {display:block;}
}