*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/*------- Container -------*/

#site-shell {position: relative;margin: 0;}
.shell-max {position: relative;max-width: 1200px;margin: auto;padding: 5px;}

/*------- Base Column -------*/

.col-shell {position: relative;display: block;float: left;min-width: 80px;}

/*------- Column Modifiers -------*/

.col-12 {width: 100%; }
.col-9 {width: 75%; }
.col-6 {width: 50%; }
.col-3 {width: 25%; }

.col-4 {width: 33.33%;}
.col-8 {width: 66.64%;}

.col-10 {width: 83.33%;}
.col-7 {width: 58.33%;}
.col-5 {width: 41.66%;}
.col-2 {width: 16.66%;}
.col-1 {width: 8.33%;}

/*------- Column Content Styles -------*/

.clear-b {
	clear: both;
}

.clear-r {
	clear: right;
}

.clear-l {
	clear: left;
}