diff --git a/assets/styles/tools/_mixins.scss b/assets/styles/tools/_mixins.scss
index 673c22f..62066f6 100644
--- a/assets/styles/tools/_mixins.scss
+++ b/assets/styles/tools/_mixins.scss
@@ -51,8 +51,8 @@
 // @output `font-size`, `line-height`
 //
 @mixin font-size($font-size, $line-height: auto, $important: false) {
-    font-size: rem($font-size) $important;
     $important: important($important);
+    font-size: rem($font-size) $important;
 
     @if ($line-height == "auto") {
         line-height: ceil($font-size / $line-height) * ($line-height / $font-size) $important;
@@ -160,6 +160,7 @@
 // @output Properties for removing the element from the document flow.
 //
 @mixin u-accessibly-hidden($important: true) {
+    $important: important($important);
     position: absolute $important;
     overflow: hidden;
     clip: rect(0 0 0 0);
@@ -168,7 +169,6 @@
     width: 1px;
     height: 1px;
     border: 0;
-    $important: important($important);
 }
 
 //
@@ -197,9 +197,9 @@
 // @output `display`, `visibility`
 //
 @mixin u-hidden($important: true) {
+    $important: important($important);
     display: none   $important;
     visibility: hidden $important;
-    $important: important($important);
 }
 
 //
@@ -212,7 +212,7 @@
 // @output `display`, `visibility`
 //
 @mixin u-shown($display: block, $important: true) {
+    $important: important($important);
     display: $display $important;
     visibility: visible  $important;
-    $important: important($important);
 }
diff --git a/www/assets/styles/main.css b/www/assets/styles/main.css
index 2f3d055..6d387e1 100644
--- a/www/assets/styles/main.css
+++ b/www/assets/styles/main.css
@@ -1,5 +1,5 @@
 /*
- * ! Locomotive Boilerplate - 2017-05-17 
+ * ! Locomotive Boilerplate - 2017-06-09 
  */
 /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
 /**
@@ -78,7 +78,8 @@ figure {
 hr {
   overflow: visible;
   /* 2 */
-  box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
   /* 1 */
   height: 0;
   /* 1 */
@@ -326,7 +327,8 @@ fieldset {
 legend {
   display: table;
   /* 1 */
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   /* 1 */
   padding: 0;
   /* 3 */
@@ -362,7 +364,8 @@ textarea {
  */
 [type="checkbox"],
 [type="radio"] {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   /* 1 */
   padding: 0;
   /* 2 */
@@ -450,7 +453,8 @@ template {
 }
 
 html {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 
 template,
@@ -461,7 +465,8 @@ template,
 *,
 :before,
 :after {
-  box-sizing: inherit;
+  -webkit-box-sizing: inherit;
+          box-sizing: inherit;
 }
 
 address {