variable $utilities

sass/base/_reset.scss

@@ -473,6 +473,23 @@ figure {
   margin-right: 0;
 }
 
+@if variable-exists(hyphens) and $hyphens==true {
+  @media (max-width: ($small - 1)) {
+    body,
+    div,
+    textarea,
+    table,
+    td,
+    th,
+    code,
+    pre,
+    samp {
+      word-wrap: break-word;
+      overflow-wrap: break-word;
+    }
+  }
+}
+
 
 @if variable-exists(ie) and $ie==true {
   

sass/base/_utilities.scss

@@ -74,23 +74,6 @@
   text-align: center;
 }
 
-@if variable-exists(hyphens) and $hyphens==true {
-  @media (max-width: ($small - 1)) {
-    div,
-    textarea,
-    table,
-    td,
-    th,
-    code,
-    pre,
-    samp {
-      word-wrap: break-word;
-      overflow-wrap: break-word;
-      hyphens: auto;
-    }
-  }
-}
-
 /* blocks that need to be placed under floats */
 
 .clear,