/*  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% 2%;}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
.col:last-child { margin-right: 0; } /* all browsers except IE6 and lower */
.row {display:flex;flex-wrap:wrap;}
.top_links {border:thin #D52122 solid;border-radius:8px;padding:0.4%;box-shadow: 3px 3px 2px #888888;margin:8px auto;max-width:6.5%}
.top_links:first-child {margin-left:0;}
.top_links:last-child {margin-right:0;}
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 1080 PIXELS */
@media only screen and (max-width: 1080px) {
.col {margin: 1% 0 1% 0%;}
.row {display:block;}
.top_links {margin:5px;max-width:90px}
}
@media only screen and (max-width: 840px) {
.top_links:first-child {margin-left:5px;}
}
/*  GRID OF TWO   ============================================================================= */
.span_2_of_2 {width: 98%;}
.span_1_of_2 {width: 48.2%;}
/*  GO FULL WIDTH AT LESS THAN 1080 PIXELS */
@media only screen and (max-width: 640px) {
.span_2_of_2 {width: 99%; }
.span_1_of_2 {width: 99%; }
}
/*  GRID OF THREE   ============================================================================= */
.span_1_of_3 {flex:0 0 28.3333333333%;max-width:28.3333333333%;margin:8px auto;position:relative;width:100%;border:thin #D52122 solid;border-radius:8px;padding: 1.5%;box-shadow: 8px 8px 2px #888888;background-color:white;text-align:center;}
.span_1_of_3a {width: 31.33%; }
/*  GO FULL WIDTH AT LESS THAN 1080 PIXELS */
@media only screen and (max-width: 1080px) {
.span_1_of_3,.span_1_of_4 {flex:0 0 96%;max-width:96%;border:thin #D52122 solid;border-radius:8px;padding: 0.5%;box-shadow: 3px 3px 2px #888888;background-color:white;text-align:center;	}
.span_1_of_3 input {max-width:40%;}
}
/*  GRID OF FOUR   ============================================================================= */
.span_1_of_4 {flex:0 0 21%;max-width:21%;margin:8px auto;position:relative;width:100%;border:thin #D52122 solid;border-radius:8px;padding: 1.5%;box-shadow: 8px 8px 2px #888888;background-color:white;text-align:center;}
/*  GO Half WIDTH AT LESS THAN 1080 PIXELS 
@media only screen and (max-width: 1080px) {
.span_1_of_4 {width: 48.2%;margin:8px auto; }
.span_1_of_4a {width: 48.2%; }
} */
/*  GO FULL WIDTH AT LESS THAN 1080 PIXELS */
@media only screen and (max-width: 1080px) {
.span_1_of_4 {max-width: 97%; }
}
/*  GRID OF FIVE   ============================================================================= */
.span_3_of_5 {width: 59.36%; }
.span_4_of_5 {width: 80.00%; }
.span_1_of_5 {width: 18.00%;}
/*  GO FULL WIDTH AT LESS THAN 1080 PIXELS */
@media only screen and (max-width: 1080px) {
.span_3_of_5 {width: 98%; }
.span_1_of_5 {width: 98%; }
.span_4_of_5 {width: 98%; }
}
.span_3_of_6 {width: 49.2%;}
.span_2_of_6 {width: 32.26%;}
@media only screen and (max-width: 1080px) {
.span_3_of_6 {width: 98%; }
.span_2_of_6 {width: 98%; }
}
.span_3_of_7 {width: 41.94%;}
.span_5_of_7 {width: 70.97%;}
@media only screen and (max-width: 1080px) {
.span_5_of_7 {width: 98%; }
.span_3_of_7 {width: 98%;}
	}