.col1  { flex:0 0 8.333333333333332%;  }
.col2  { flex:0 0 16.666666666666664%; }
.col3  { flex:0 0 25%;                 }
.col4  { flex:0 0 33.33333333333333%;  }
.col5  { flex:0 0 41.66666666666667%;  }
.col6  { flex:0 0 50%;                 }
.col7  { flex:0 0 58.333333333333336%; }
.col8  { flex:0 0 66.66666666666666%;  }
.col9  { flex:0 0 75%;                 }
.col10 { flex:0 0 83.33333333333334%;  }
.col11 { flex:0 0 91.66666666666666%;  }
.col12 { flex:0 0 100%;                }




.col1  { flex:0 0 calc(8.333333333333332% - 16px); }
.col2  { flex:0 0 calc(16.666666666666664% - 16px); }
.col3  { flex:0 0 calc(25% - 16px);                 }
.col4  { flex:0 0 calc(33.33333333333333% - 16px);  }
.col5  { flex:0 0 calc(41.66666666666667% - 16px);  }
.col6  { flex:0 0 calc(50% - 16px);                 }
.col7  { flex:0 0 calc(58.333333333333336% - 16px); }
.col8  { flex:0 0 calc(66.66666666666666% - 16px);  }
.col9  { flex:0 0 calc(75% - 16px);                 }
.col10 { flex:0 0 calc(83.33333333333334% - 16px);  }
.col11 { flex:0 0 calc(91.66666666666666% - 16px);  }
.col12 { flex:0 0 calc(100%);                       }