CSS Grid System Farmework

/* q Grid System Framework v1 */
.container{max-width:64em;margin-left:auto;margin-right:auto}.col,.cot{float:left}.col,.cot,.cot-right{box-sizing:border-box}.cot-right{float:right}.cot-1{width:8.33333%}.cot-2{width:16.66667%}.cot-3{width:25%}.cot-4{width:33.33333%}.cot-5{width:41.66667%}.cot-6{width:50%}.cot-7{width:58.33333%}.cot-8{width:66.66667%}.cot-9{width:75%}.cot-10{width:83.33333%}.cot-11{width:91.66667%}.cot-12{width:100%}@media (min-width:40em){.sm-cot{float:left;box-sizing:border-box}.sm-cot-right{float:right;box-sizing:border-box}.sm-cot-1{width:8.33333%}.sm-cot-2{width:16.66667%}.sm-cot-3{width:25%}.sm-cot-4{width:33.33333%}.sm-cot-5{width:41.66667%}.sm-cot-6{width:50%}.sm-cot-7{width:58.33333%}.sm-cot-8{width:66.66667%}.sm-cot-9{width:75%}.sm-cot-10{width:83.33333%}.sm-cot-11{width:91.66667%}.sm-cot-12{width:100%}}@media (min-width:52em){.md-col{float:left;box-sizing:border-box}.md-cot-right{float:right;box-sizing:border-box}.md-cot-1{width:8.33333%}.md-cot-2{width:16.66667%}.md-cot-3{width:25%}.md-cot-4{width:33.33333%}.md-cot-5{width:41.66667%}.md-cot-6{width:50%}.md-cot-7{width:58.33333%}.md-cot-8{width:66.66667%}.md-cot-9{width:75%}.md-cot-10{width:83.33333%}.md-cot-11{width:91.66667%}.md-cot-12{width:100%}}@media (min-width:64em){.lg-col{float:left;box-sizing:border-box}.lg-cot-right{float:right;box-sizing:border-box}.lg-cot-1{width:8.33333%}.lg-cot-2{width:16.66667%}.lg-cot-3{width:25%}.lg-cot-4{width:33.33333%}.lg-cot-5{width:41.66667%}.lg-cot-6{width:50%}.lg-cot-7{width:58.33333%}.lg-cot-8{width:66.66667%}.lg-cot-9{width:75%}.lg-cot-10{width:83.33333%}.lg-cot-11{width:91.66667%}.lg-cot-12{width:100%}}