/* Responsive Grid System
================================================== */

.col:after, .clr:after, .group:after, #comments #respond:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; }

.col { display: block; float: left; margin: 1% 0 0% 0%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



/* Columns without margin
==================================================== */

.one-half, .one-third, .one-fourth, .one-fifth { display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 10px 0 0; padding: 0 0;}

.one-half { width: 48.5% }

.one-third { width: 32.25% }

.one-fourth { width: 25% }

.one-fifth { width: 20% }



/* Clear float and remove left margin
==================================================== */

.clr-margin { margin-left: 0 }

.count-1 { clear: both; margin-left: 0; }

.col-1, .col.first { clear: both; margin-left: 0; }




/* Floats
==================================================== */

.float-left { float: left }

.float-right { float: right }

.center { text-align:center;}