flexgrid-reorder.css

/*! ptb2.me/flexgrid | (c) 2013 Peter T Bosse II | Apache license */
/*! Inspired by Bootstrap 3.0 | License: http://bit.ly/WzvaP8 */
.container:before,.container:after,.row:before,.row:after{content:' ';display:table}.container:after,.row:after{clear:both}.container{margin-right:auto;margin-left:auto}.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{padding-right:15px;padding-left:15px;min-height:1px}@media screen and (min-width:768px){.no-flexbox.no-webkitbox *[class*='span']{position:relative;float:left}.no-flexbox.no-webkitbox *[class*='span'].pull-right{float:right}.no-flexbox.no-webkitbox .push1{left:8.33333%}.no-flexbox.no-webkitbox .pull1{right:8.33333%}.no-flexbox.no-webkitbox .push2{left:16.66667%}.no-flexbox.no-webkitbox .pull2{right:16.66667%}.no-flexbox.no-webkitbox .push3{left:25%}.no-flexbox.no-webkitbox .pull3{right:25%}.no-flexbox.no-webkitbox .push4{left:33.33333%}.no-flexbox.no-webkitbox .pull4{right:33.33333%}.no-flexbox.no-webkitbox .push5{left:41.66667%}.no-flexbox.no-webkitbox .pull5{right:41.66667%}.no-flexbox.no-webkitbox .push6{left:50%}.no-flexbox.no-webkitbox .pull6{right:50%}.no-flexbox.no-webkitbox .push7{left:58.33333%}.no-flexbox.no-webkitbox .pull7{right:58.33333%}.no-flexbox.no-webkitbox .push8{left:66.66667%}.no-flexbox.no-webkitbox .pull8{right:66.66667%}.no-flexbox.no-webkitbox .push9{left:75%}.no-flexbox.no-webkitbox .pull9{right:75%}.no-flexbox.no-webkitbox .push10{left:83.33333%}.no-flexbox.no-webkitbox .pull10{right:83.33333%}.no-flexbox.no-webkitbox .push11{left:91.66667%}.no-flexbox.no-webkitbox .pull11{right:91.66667%}.flexbox .row,.webkitbox .row{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.flexbox .pull11,.webkitbox .pull11{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.flexbox .push1,.flexbox .pull10,.webkitbox .push1,.webkitbox .pull10{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2}.flexbox .push2,.flexbox .pull9,.webkitbox .push2,.webkitbox .pull9{-webkit-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3}.flexbox .push3,.flexbox .pull8,.webkitbox .push3,.webkitbox .pull8{-webkit-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4}.flexbox .push4,.flexbox .pull7,.webkitbox .push4,.webkitbox .pull7{-webkit-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5}.flexbox .push5,.flexbox .pull6,.webkitbox .push5,.webkitbox .pull6{-webkit-box-ordinal-group:6;-ms-flex-order:6;-webkit-order:6;order:6}.flexbox .push6,.flexbox .pull5,.webkitbox .push6,.webkitbox .pull5{-webkit-box-ordinal-group:7;-ms-flex-order:7;-webkit-order:7;order:7}.flexbox .push7,.flexbox .pull4,.webkitbox .push7,.webkitbox .pull4{-webkit-box-ordinal-group:8;-ms-flex-order:8;-webkit-order:8;order:8}.flexbox .push8,.flexbox .pull3,.webkitbox .push8,.webkitbox .pull3{-webkit-box-ordinal-group:9;-ms-flex-order:9;-webkit-order:9;order:9}.flexbox .push9,.flexbox .pull2,.webkitbox .push9,.webkitbox .pull2{-webkit-box-ordinal-group:10;-ms-flex-order:10;-webkit-order:10;order:10}.flexbox .push10,.flexbox .pull1,.webkitbox .push10,.webkitbox .pull1{-webkit-box-ordinal-group:11;-ms-flex-order:11;-webkit-order:11;order:11}.flexbox .push11,.webkitbox .push11{-webkit-box-ordinal-group:12;-ms-flex-order:12;-webkit-order:12;order:12}.span1{width:8.33333%}.offset1{margin-left:8.33333%}.span2{width:16.66667%}.offset2{margin-left:16.66667%}.span3{width:25%}.offset3{margin-left:25%}.span4{width:33.33333%}.offset4{margin-left:33.33333%}.span5{width:41.66667%}.offset5{margin-left:41.66667%}.span6{width:50%}.offset6{margin-left:50%}.span7{width:58.33333%}.offset7{margin-left:58.33333%}.span8{width:66.66667%}.offset8{margin-left:66.66667%}.span9{width:75%}.offset9{margin-left:75%}.span10{width:83.33333%}.offset10{margin-left:83.33333%}.span11{width:91.66667%}.offset11{margin-left:91.66667%}.span12{width:100%}.container{max-width:708px}.row{margin-right:-15px;margin-left:-15px}*[class*='span']{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}}@media screen and (min-width:992px){.container{max-width:940px}}@media screen and (min-width:1200px){.container{max-width:1170px}}