Lessen gutters on mobile

_sass/2017/components/h3-section.scss

@@ -50,7 +50,7 @@
   }
 
   &::after {
-    @include section-gutter(margin-left, $multiplier: 2);
+    @include section-gutter(margin-left, $multiplier: 1.5);
     content: '';
     display: inline-block;
     vertical-align: middle;

_sass/2017/utils/section-gutter.scss

@@ -1,3 +1,11 @@
 @mixin section-gutter($property, $multiplier: 1) {
   #{$property}: 16px * $multiplier;
+
+  @media (max-width: 480px) {
+    #{$property}: 8px * $multiplier;
+  }
+
+  @media (max-width: 768px) {
+    #{$property}: 12px * $multiplier;
+  }
 }