Files
flexboxgrid/flexboxgrid.css
Kristofer Joseph 1d887d3127 Updates output
2016-08-19 08:07:37 -07:00

140 lines
24 KiB
CSS

.flexboxgrid{margin:0 auto;}
.padded{padding: 0 2rem;}
.gutters > .row{margin-left: -1rem;}
.gutters > .row > .column{padding-left: 1rem;}
.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.column{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
.offset{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;}
.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;}
.between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.start{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}
.center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.end{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
.top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;}
.middle{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;}
.stretch{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;}
.first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1;}
.last{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;}
@media only screen and (min-width:30em) {
.column-sm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
.column-sm-1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*1);-ms-flex-preferred-size:calc((100%/12)*1);flex-basis:calc((100%/12)*1);max-width:calc((100%/12)*1);}
.column-sm-2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*2);-ms-flex-preferred-size:calc((100%/12)*2);flex-basis:calc((100%/12)*2);max-width:calc((100%/12)*2);}
.column-sm-3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*3);-ms-flex-preferred-size:calc((100%/12)*3);flex-basis:calc((100%/12)*3);max-width:calc((100%/12)*3);}
.column-sm-4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*4);-ms-flex-preferred-size:calc((100%/12)*4);flex-basis:calc((100%/12)*4);max-width:calc((100%/12)*4);}
.column-sm-5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*5);-ms-flex-preferred-size:calc((100%/12)*5);flex-basis:calc((100%/12)*5);max-width:calc((100%/12)*5);}
.column-sm-6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*6);-ms-flex-preferred-size:calc((100%/12)*6);flex-basis:calc((100%/12)*6);max-width:calc((100%/12)*6);}
.column-sm-7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*7);-ms-flex-preferred-size:calc((100%/12)*7);flex-basis:calc((100%/12)*7);max-width:calc((100%/12)*7);}
.column-sm-8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*8);-ms-flex-preferred-size:calc((100%/12)*8);flex-basis:calc((100%/12)*8);max-width:calc((100%/12)*8);}
.column-sm-9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*9);-ms-flex-preferred-size:calc((100%/12)*9);flex-basis:calc((100%/12)*9);max-width:calc((100%/12)*9);}
.column-sm-10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*10);-ms-flex-preferred-size:calc((100%/12)*10);flex-basis:calc((100%/12)*10);max-width:calc((100%/12)*10);}
.column-sm-11{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*11);-ms-flex-preferred-size:calc((100%/12)*11);flex-basis:calc((100%/12)*11);max-width:calc((100%/12)*11);}
.column-sm-12{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*12);-ms-flex-preferred-size:calc((100%/12)*12);flex-basis:calc((100%/12)*12);max-width:calc((100%/12)*12);}
.offset-sm{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;}
.offset-sm-1{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*1);}
.offset-sm-2{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*2);}
.offset-sm-3{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*3);}
.offset-sm-4{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*4);}
.offset-sm-5{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*5);}
.offset-sm-6{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*6);}
.offset-sm-7{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*7);}
.offset-sm-8{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*8);}
.offset-sm-9{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*9);}
.offset-sm-10{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*10);}
.offset-sm-11{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*11);}
.offset-sm-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*12);}
.reverse-sm{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.around-sm{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;}
.between-sm{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.start-sm{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}
.center-sm{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.end-sm{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
.top-sm{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;}
.middle-sm{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.bottom-sm{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;}
.stretch-sm{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;}
.first-sm{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1;}
.last-sm{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;}
}
@media only screen and (min-width:48em) {
.column-md{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
.column-md-1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*1);-ms-flex-preferred-size:calc((100%/12)*1);flex-basis:calc((100%/12)*1);max-width:calc((100%/12)*1);}
.column-md-2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*2);-ms-flex-preferred-size:calc((100%/12)*2);flex-basis:calc((100%/12)*2);max-width:calc((100%/12)*2);}
.column-md-3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*3);-ms-flex-preferred-size:calc((100%/12)*3);flex-basis:calc((100%/12)*3);max-width:calc((100%/12)*3);}
.column-md-4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*4);-ms-flex-preferred-size:calc((100%/12)*4);flex-basis:calc((100%/12)*4);max-width:calc((100%/12)*4);}
.column-md-5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*5);-ms-flex-preferred-size:calc((100%/12)*5);flex-basis:calc((100%/12)*5);max-width:calc((100%/12)*5);}
.column-md-6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*6);-ms-flex-preferred-size:calc((100%/12)*6);flex-basis:calc((100%/12)*6);max-width:calc((100%/12)*6);}
.column-md-7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*7);-ms-flex-preferred-size:calc((100%/12)*7);flex-basis:calc((100%/12)*7);max-width:calc((100%/12)*7);}
.column-md-8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*8);-ms-flex-preferred-size:calc((100%/12)*8);flex-basis:calc((100%/12)*8);max-width:calc((100%/12)*8);}
.column-md-9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*9);-ms-flex-preferred-size:calc((100%/12)*9);flex-basis:calc((100%/12)*9);max-width:calc((100%/12)*9);}
.column-md-10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*10);-ms-flex-preferred-size:calc((100%/12)*10);flex-basis:calc((100%/12)*10);max-width:calc((100%/12)*10);}
.column-md-11{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*11);-ms-flex-preferred-size:calc((100%/12)*11);flex-basis:calc((100%/12)*11);max-width:calc((100%/12)*11);}
.column-md-12{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*12);-ms-flex-preferred-size:calc((100%/12)*12);flex-basis:calc((100%/12)*12);max-width:calc((100%/12)*12);}
.offset-md{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;}
.offset-md-1{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*1);}
.offset-md-2{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*2);}
.offset-md-3{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*3);}
.offset-md-4{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*4);}
.offset-md-5{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*5);}
.offset-md-6{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*6);}
.offset-md-7{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*7);}
.offset-md-8{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*8);}
.offset-md-9{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*9);}
.offset-md-10{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*10);}
.offset-md-11{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*11);}
.offset-md-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*12);}
.reverse-md{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.around-md{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;}
.between-md{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.start-md{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}
.center-md{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.end-md{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
.top-md{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;}
.middle-md{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.bottom-md{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;}
.stretch-md{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;}
.first-md{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1;}
.last-md{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;}
}
@media only screen and (min-width:75em) {
.column-lg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
.column-lg-1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*1);-ms-flex-preferred-size:calc((100%/12)*1);flex-basis:calc((100%/12)*1);max-width:calc((100%/12)*1);}
.column-lg-2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*2);-ms-flex-preferred-size:calc((100%/12)*2);flex-basis:calc((100%/12)*2);max-width:calc((100%/12)*2);}
.column-lg-3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*3);-ms-flex-preferred-size:calc((100%/12)*3);flex-basis:calc((100%/12)*3);max-width:calc((100%/12)*3);}
.column-lg-4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*4);-ms-flex-preferred-size:calc((100%/12)*4);flex-basis:calc((100%/12)*4);max-width:calc((100%/12)*4);}
.column-lg-5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*5);-ms-flex-preferred-size:calc((100%/12)*5);flex-basis:calc((100%/12)*5);max-width:calc((100%/12)*5);}
.column-lg-6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*6);-ms-flex-preferred-size:calc((100%/12)*6);flex-basis:calc((100%/12)*6);max-width:calc((100%/12)*6);}
.column-lg-7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*7);-ms-flex-preferred-size:calc((100%/12)*7);flex-basis:calc((100%/12)*7);max-width:calc((100%/12)*7);}
.column-lg-8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*8);-ms-flex-preferred-size:calc((100%/12)*8);flex-basis:calc((100%/12)*8);max-width:calc((100%/12)*8);}
.column-lg-9{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*9);-ms-flex-preferred-size:calc((100%/12)*9);flex-basis:calc((100%/12)*9);max-width:calc((100%/12)*9);}
.column-lg-10{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*10);-ms-flex-preferred-size:calc((100%/12)*10);flex-basis:calc((100%/12)*10);max-width:calc((100%/12)*10);}
.column-lg-11{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*11);-ms-flex-preferred-size:calc((100%/12)*11);flex-basis:calc((100%/12)*11);max-width:calc((100%/12)*11);}
.column-lg-12{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:calc((100%/12)*12);-ms-flex-preferred-size:calc((100%/12)*12);flex-basis:calc((100%/12)*12);max-width:calc((100%/12)*12);}
.offset-lg{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;}
.offset-lg-1{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*1);}
.offset-lg-2{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*2);}
.offset-lg-3{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*3);}
.offset-lg-4{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*4);}
.offset-lg-5{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*5);}
.offset-lg-6{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*6);}
.offset-lg-7{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*7);}
.offset-lg-8{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*8);}
.offset-lg-9{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*9);}
.offset-lg-10{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*10);}
.offset-lg-11{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*11);}
.offset-lg-12{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:calc((100%/12)*12);}
.reverse-lg{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;}
.around-lg{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;}
.between-lg{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.start-lg{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}
.center-lg{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.end-lg{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
.top-lg{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;}
.middle-lg{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.bottom-lg{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;}
.stretch-lg{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;}
.first-lg{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1;}
.last-lg{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;}
}