/* Columns */
.cols { box-sizing: border-box; max-width: 100% }
.cols .col { float:left; outline:none; box-sizing:border-box !important }    
.cols-spaced-1 { box-sizing: border-box; margin: 0 -1px 0 -1px }
.cols-spaced-1 .col { float:left; outline:none; box-sizing:border-box !important; border: 1px solid transparent; }	
.cols-spaced-5 { box-sizing: border-box; margin: 0 -5px 0 -5px }
.cols-spaced-5 .col { float:left; outline:none; box-sizing:border-box !important; border: 5px solid transparent; }	
.cols-spaced-10 { box-sizing: border-box; margin: 0 -10px 0 -10px }
.cols-spaced-10 .col { float:left; outline:none; box-sizing:border-box !important; border: 10px solid transparent; }          
.col-12 { width: 100% }
.col-11 { width: 91.66666667% }
.col-10 { width: 83.33333333% }
.col-9 { width: 75% }
.col-8 { width: 66.66666667% }
.col-7 { width: 58.33333333% }
.col-6 { width: 50% }
.col-5 { width: 41.66666667% }
.col-4 { width: 33.33333333% }
.col-3 { width: 25% }
.col-2 { width: 16.66666667% }
.col-1 { width: 8.33333333% }