/* CSS 1260px Responsive Grid */
/* * { margin: 0; padding: 0; box-sizing: border-box; } */
/* Info 
https://kennard.github.io/gridcalculator/
https://www.paulirish.com/2012/box-sizing-border-box-ftw/
https://nicolasgallagher.com/micro-clearfix-hack/
*/


html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
/*body { font-family: "ABeeZee", sans-serif; margin-bottom: 10px; color: #ffffff !important; }*/
body { font-family: "ABeeZee", sans-serif; margin-bottom: 10px; }
/* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { color: #ffffff; } */

/* Clearfix Hack */
.clearfix:before, .clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.col_1{ width:7.867231638418079%;}
.col_2{ width:16.242937853107343%;}
.col_3{ width:24.61864406779661%;}
.col_4{ width:32.994350282485875%;}
.col_5{ width:41.37005649717514%;}
.col_6{ width:49.7457627118644%;}
.col_7{ width:58.121468926553675%;}
.col_8{ width:66.49717514124293%;}
.col_9{ width:74.87288135593221%;}
.col_10{ width:83.24858757062147%;}
.col_11{ width:91.62429378531073%;}
.col_12{ width:100%;}
.col_1, 
.col_2, 
.col_3, 
.col_4, 
.col_5, 
.col_6, 
.col_7, 
.col_8, 
.col_9, 
.col_10, 
.col_11, 
.col_12{ margin-right: -100%; margin-bottom: 2%; float:left; position: relative; color: #ffffff; }

.pad1{margin-left:0%;} 
.pad2{margin-left:8.375706214689265%;} 
.pad3{margin-left:16.75141242937853%;} 
.pad4{margin-left:25.127118644067792%;} 
.pad5{margin-left:33.50282485875706%;} 
.pad6{margin-left:41.878531073446325%;} 
.pad7{margin-left:50.254237288135585%;} 
.pad8{margin-left:58.62994350282485%;} 
.pad9{margin-left:67.00564971751412%;} 
.pad10{margin-left:75.38135593220338%;} 
.pad11{margin-left:83.75706214689265%;} 
.pad12{margin-left:92.13276836158191%;} 


/* For small tablets and mobile devices */
@media only screen and (max-width: 600px) {
.col_1, .col_2, .col_3, 
.col_4, .col_5, .col_6, 
.col_7, .col_8, .col_9, 
.col_10, .col_11, 
.col_12 { width:100%; margin-right:-100%; float:left; }

.pad1,.pad2,.pad3,.pad4,
.pad5,.pad6,.pad7,.pad8,
.pad9,.pad10,.pad11,.pad12{
  margin-left: 0%;
  overflow: hidden;
  clear: both;
  margin-bottom: 4%;
  }
}


/* For small tablets and mobile devices */
@media only screen and (max-width: 320px) {
.col_1, .col_2, .col_3, 
.col_4, .col_5, .col_6, 
.col_7, .col_8, .col_9, 
.col_10, .col_11, 
.col_12 { width:100%; margin-right:-100%; float:left; }

.pad1,.pad2,.pad3,.pad4,
.pad5,.pad6,.pad7,.pad8,
.pad9,.pad10,.pad11,.pad12{
  margin-left: 0%;
  overflow: hidden;
  clear: both;
  margin-bottom: 4%;
  }
}