many misc bug fix

web/themes/custom/edlptheme/assets/styles/base/_grid.scss

@@ -16,7 +16,7 @@ $med-bp:1080px;
   }
 }
 
-%col-reset {
+@mixin col-reset {
     width: 100%;
     // display: inline-block;
     // white-space:normal;
@@ -26,21 +26,22 @@ $med-bp:1080px;
 }
 
 @mixin col($col, $offset: 0, $sum: $default_sum, $gap: $default_gap, $align: top) {
-  @extend %col-reset;
+  @include col-reset;
   padding-left: $gap*$offset;
   @if $col == $default_sum {
     padding-right: 0;
   }@else{
     padding-right: $gap;
   }
-  &:last-child{padding-right: 0;}
-
-  margin-left: percentage(($col/$sum)*$offset);
-
+  
+  margin-left: percentage(calc($col / $sum) * $offset);
+  
   // @media only screen and (min-width: 768px) {
-    width: percentage($col/$sum);
+    width: percentage(calc($col / $sum));
     // vertical-align: $align;
-  // }
+    // }
+
+  &:last-child{padding-right: 0;}
 }
 
 .row{
@@ -64,14 +65,14 @@ $med-bp:1080px;
 
   // medium
   .med-col-#{$c} {
-    @media only screen and (min-width: $small-bp+1) and (max-width: $med-bp) {
+    @media only screen and (min-width: $small-bp + 1) and (max-width: $med-bp) {
       @include col($c);
     }
   }
 
   // large
   .large-col-#{$c} {
-    @media only screen and (min-width: $med-bp+1) {
+    @media only screen and (min-width: $med-bp + 1) {
       @include col($c);
     }
   }