+%col{
+ float:left;
+ position: relative;
+}
+
+@for $i from 1 through $columns{
+ .col-#{$i}{
+ @extend %col;
+ width:$i / $columns * 100%;}
+ .col-m-#{$i}, .col-l-#{$i}{@extend %col;}
+ footer{
+ margin-top: 15px;
+ }
+}
+
+@media only screen and (min-width: $medium){
+ @for $i from 1 through $columns{
+ .col-m-#{$i}{
+ width:$i / $columns * 100%;}
+ }
+ footer{
+ margin-top: 15px;
+ }
+