diff --git a/src/components/mdLayout/mdLayout.scss b/src/components/mdLayout/mdLayout.scss
index a6f3c90..b80ece9 100644
--- a/src/components/mdLayout/mdLayout.scss
+++ b/src/components/mdLayout/mdLayout.scss
@@ -101,14 +101,12 @@ $sizes: (8, 16, 24, 40);
     flex: 0 1 66.66666%;
   }
 
-  @if $size == '' {
-    .md-flex-offset-33 {
-      margin-left: 33.33333%;
-    }
+  .md-flex-offset#{$size}-33 {
+    margin-left: 33.33333%;
+  }
 
-    .md-flex-offset-66 {
-      margin-left: 66.66666%;
-    }
+  .md-flex-offset#{$size}-66 {
+    margin-left: 66.66666%;
   }
 
   @for $i from 1 through 20 {
@@ -119,10 +117,8 @@ $sizes: (8, 16, 24, 40);
       flex: 0 1 #{$counter + '%'};
     }
 
-    @if $size == '' {
-      .md-flex-offset-#{$counter} {
-        margin-left: #{$counter + '%'};
-      }
+    .md-flex-offset#{$size}-#{$counter} {
+      margin-left: #{$counter + '%'};
     }
   }
 }
diff --git a/src/core/stylesheets/variables.scss b/src/core/stylesheets/variables.scss
index 1086d8b..ee6506a 100644
--- a/src/core/stylesheets/variables.scss
+++ b/src/core/stylesheets/variables.scss
@@ -1,6 +1,6 @@
 /* Common */
 
-$font-roboto: Roboto, Lato, sans-serif;
+$font-roboto: Roboto, 'Noto Sans', Noto, sans-serif;
 
 
 /* Responsive Breakpoints */