*{box-sizing: border-box;}
.layout-container {margin-left: 8.33%; margin-right: 8.33%;}
.layout-row::after { content: ""; clear: both; display: block; height: 5px;}

.layout-col-1 {width: 8.33%;}
.layout-col-2 {width: 16.66%;}
.layout-col-3 {width: 25%;}
.layout-col-4 {width: 33.33%;}
.layout-col-5 {width: 41.66%;}
.layout-col-6 {width: 50%;}
.layout-col-7 {width: 58.33%;}
.layout-col-8 {width: 66.66%;}
.layout-col-9 {width: 75%;}
.layout-col-10 {width: 83.33%;}
.layout-col-11 {width: 91.66%;}
.layout-col-12 {width: 100%;}
.layout-left-1 {margin-left: 8.33%;}
.layout-left-2 {margin-left: 16.66%;}
.layout-left-3 {margin-left: 25%;}
.layout-left-4 {margin-left: 33.33%;}
.layout-left-5 {margin-left: 41.66%;}
.layout-left-6 {margin-left: 50%;}
.layout-left-7 {margin-left: 58.33%;}
.layout-left-8 {margin-left: 66.66%;}
.layout-left-9 {margin-left: 75%;}
.layout-left-10 {margin-left: 83.33%;}
.layout-left-11 {margin-left: 91.66%;}
.layout-left-12 {margin-left: 100%;}
.layout-right-1 {margin-right: 8.33%;}
.layout-right-2 {margin-right: 16.66%;}
.layout-right-3 {margin-right: 25%;}
.layout-right-4 {margin-right: 33.33%;}
.layout-right-5 {margin-right: 41.66%;}
.layout-right-6 {margin-right: 50%;}
.layout-right-7 {margin-right: 58.33%;}
.layout-right-8 {margin-right: 66.66%;}
.layout-right-9 {margin-right: 75%;}
.layout-right-10 {margin-right: 83.33%;}
.layout-right-11 {margin-right: 91.66%;}
.layout-right-12 {margin-right:  100%;}


.layout-align-left{
    float: left;
}
.layout-align-right{
    float: right;
}

[class*="layout-col-"] {
    float: left;
}