grid fix

project-x/assets/styles/dist/main.css

@@ -349,13 +349,13 @@ td, th {
   box-sizing: inherit; }
 
 html {
+  font-family: sans-serif;
   font-family: sans-serif;
   font-size: 16px;
+  font-size: 16px;
+  line-height: 1.4;
   line-height: 1.4;
   box-sizing: border-box;
-  font-size: 16px;
-  font-family: sans-serif;
-  line-height: 1.4;
   color: #222222; }
 
 ::-moz-selection {
@@ -409,7 +409,8 @@ a {
   width: 100%;
   margin-bottom: 20px;
   padding-left: 20px;
-  vertical-align: top; }
+  vertical-align: top;
+  font-size: 16px; }
 
 @media (min-width: 1024px) {
   .half {
@@ -476,13 +477,13 @@ h6, .h6, .zeta {
 /* Input
    ========================================================================== */
 .input, .select__input, .checkbox__check {
-  background-color: #cccccc;
   display: block;
   width: 100%;
   color: #000000;
   border: none;
   border-radius: 0;
   outline: none;
+  background-color: #CCCCCC;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; }
@@ -490,21 +491,21 @@ h6, .h6, .zeta {
 /* Select
    ========================================================================== */
 .select {
-  display: block;
-  position: relative; }
+  position: relative;
+  display: block; }
   .select:after {
-    content: "";
     position: absolute;
     top: 0;
     right: 0;
+    display: block;
     width: 30px;
     height: 100%;
-    display: block;
-    background-color: #ccc;
-    background-image: url('../../images/select-arrow.svg');
+    content: "";
+    pointer-events: none;
+    background-color: #CCCCCC;
+    background-image: url("../../images/select-arrow.svg");
     background-repeat: no-repeat;
-    background-position: center;
-    pointer-events: none; }
+    background-position: center; }
 
 .select__input {
   padding-right: 30px; }
@@ -526,14 +527,14 @@ h6, .h6, .zeta {
   width: 25px;
   height: 25px; }
   .checkbox__check:after {
-    content: "";
     display: block;
-    background-image: url('../../images/check.svg');
-    background-repeat: no-repeat;
-    background-position: center;
+    visibility: hidden;
     width: 25px;
     height: 25px;
-    visibility: hidden; }
+    content: "";
+    background-image: url("../../images/check.svg");
+    background-repeat: no-repeat;
+    background-position: center; }
 
 /* ==========================================================================
    Functions

project-x/assets/styles/src/base/_forms.scss

@@ -100,4 +100,3 @@
 		background-position: center;
 	}
 }
-

project-x/assets/styles/src/base/_grid.scss

@@ -19,6 +19,8 @@
 }
 
 .grid__item {
+	font-size: $font-size;
+
 	display: inline-block;
 
 	width: 100%;