/*  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 */
.row {display:flex;flex-wrap:wrap;}
.row_review {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.6%}
.top_links:first-child {margin-left:0;}
.bottom_links {border:thin #D52122 solid;border-radius:8px;padding:0.4%;box-shadow: 3px 3px 2px #888888;margin:8px auto;max-width:8.1%}
.bottom_links:first-child {margin-left: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}
.bottom_links {margin:5px;max-width:90px}
}
@media only screen and (max-width: 1080px) {
.top_links:first-child {margin-left:5px;}
}
/*  GRID OF TWO   ============================================================================= */
.span_2_of_2 {width: 98%;}
.span_1_of_2 {width: 49.2%;}
.span_1_of_2a {width: 48.2%;}
/*  GO FULL WIDTH AT LESS THAN 1080 PIXELS */
@media only screen and (max-width: 1080px) {
.span_1_of_2, .span_2_of_2, span_1_of_2a {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%;}
/*  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%;}
}
@media only screen and (max-width: 700px) {
.span_1_of_3a {width:98%;max-width: 98%;margin-right:0}
.row_review {display:block;}

}
/*  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;}
.span_1_of_4a {width: 20.0%;padding:0 18px 0 18px}
/*  GO FULL WIDTH AT LESS THAN 1080 PIXELS */
@media only screen and (max-width: 1080px) {
.span_1_of_4 {max-width: 97%; }
.span_1_of_4a {width: 70%; }
}
/*  GRID OF FIVE   ============================================================================= */
.span_3_of_5 {width: 59.36%; }
.span_4_of_5 {width: 79.00%; }
.span_1_of_5 {width: 18.00%;}
.span_1_of_5a {width: 18.00%;float:right;}
/*  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_1_of_5a {width: 98%;float:none }
.span_4_of_5 {width: 100%; }
}
.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%;}
	}