Fix bug with mobile grids that arent stackable or doubling

src/definitions/collections/grid.less

@@ -165,7 +165,8 @@
     width: @mobileWidth;
     padding-left: @mobileGutter;
     padding-right: @mobileGutter;
-    margin: 0em;
+    margin-left: 0em;
+    margin-right: 0em;
   }
 }
 @media only screen and (min-width: @tabletBreakpoint) {

src/themes/default/collections/grid.variables

@@ -40,15 +40,15 @@
 
 @tabletWidth: auto;
 @tabletMargin: 0em;
-@tabletGutter: 8%;
+@tabletGutter: 4em;
 
 @computerWidth: auto;
 @computerMargin: 0em;
-@computerGutter: 13%;
+@computerGutter: 8%;
 
 @largeMonitorWidth: auto;
 @largeMonitorMargin: 0em;
-@largeMonitorGutter: 18%;
+@largeMonitorGutter: 15%;
 
 @widescreenMonitorWidth: auto;
 @widescreenMargin: 0em;