flexgrid.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}.flexbox .row,.webkitbox .row{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.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}}