diff --git a/_sass/_base.scss b/_sass/_base.scss
index 7070c2d..7d6cef2 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -29,7 +29,7 @@ h1, h2, h3, h4, h5, h6,
 p, blockquote, pre,
 ul, ol, dl, figure,
 %vertical-rhythm {
-    margin-bottom: $spacing-unit / 2;
+    margin-bottom: calc($spacing-unit / 2);
 }
 
 /**
@@ -154,15 +154,15 @@ pre {
     @include media-query($on-laptop) {
         max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
         max-width:         calc(#{$content-width} - (#{$spacing-unit}));
-        padding-right: $spacing-unit / 2;
-        padding-left: $spacing-unit / 2;
+        padding-right: calc($spacing-unit / 2);
+        padding-left: calc($spacing-unit / 2);
     }
 
     @include media-query($on-palm) {
         max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
         max-width:         calc(#{$content-width} - (#{$spacing-unit}));
-        padding-right: $spacing-unit / 2;
-        padding-left: $spacing-unit / 2;
+        padding-right: calc($spacing-unit / 2);
+        padding-left: calc($spacing-unit / 2);
     }
 }
 
@@ -178,8 +178,8 @@ pre {
     @include media-query($on-laptop) {
         max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
         max-width:         calc(#{$content-width} - (#{$spacing-unit}));
-        padding-right: $spacing-unit / 2;
-        padding-left: $spacing-unit / 2;
+        padding-right: calc($spacing-unit / 2);
+        padding-left: calc($spacing-unit / 2);
     }
 }
 
@@ -210,4 +210,4 @@ pre {
             fill: $github-color;
         }
     }
-}
\ No newline at end of file
+}
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index b366653..147a447 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -255,7 +255,7 @@
     font-family: $cutive;
     width: 90%;
     float: left;
-    padding-top: $spacing-unit / 6;
+    padding-top: calc($spacing-unit / 6);
 }
 
 .datepost {
@@ -264,21 +264,21 @@
     width: 100px;
     float: left;
     border-bottom: 1px dashed #e1e2e3;
-    padding-top: $spacing-unit / 6;
+    padding-top: calc($spacing-unit / 6);
     text-align: left;
 }
 
 .content-col-wrapper {
-    font-size: $spacing-unit / 2;
+    font-size: calc($spacing-unit / 2);
     color: #6c6c6c;
-    margin-left: -$spacing-unit / 2;
+    margin-left: calc($spacing-unit / -2);
     @extend %clearfix;
 }
 
 .content-col {
     float: left;
-    margin-bottom: $spacing-unit / 2;
-    padding-left: $spacing-unit / 2;
+    margin-bottom: calc($spacing-unit / 2);
+    padding-left: calc($spacing-unit / 2);
     width: 95%;
 }
 
@@ -397,20 +397,20 @@
 
 .footer-heading {
     font-size: 18px;
-    margin-bottom: $spacing-unit / 2;
+    margin-bottom: calc($spacing-unit / 2);
 }
 
 .footer-col-wrapper {
     font-size: 15px;
     color: #4b4b4b;
-    margin-left: -$spacing-unit / 2;
+    margin-left: calc($spacing-unit / -2);
     @extend %clearfix;
 }
 
 .footer-col {
     float: left;
-    margin-bottom: $spacing-unit / 2;
-    padding-left: $spacing-unit / 2;
+    margin-bottom: calc($spacing-unit / 2);
+    padding-left: calc($spacing-unit / 2);
 }
 
 @include media-query($on-palm) {
@@ -426,4 +426,4 @@
     font-size: 14px;
     color: #4b4b4b;
     text-align: center;
-}
\ No newline at end of file
+}