diff --git a/static/src/scss/creative/creative.scss b/static/src/scss/creative/creative.scss
index d6b8b84..cfdb317 100644
--- a/static/src/scss/creative/creative.scss
+++ b/static/src/scss/creative/creative.scss
@@ -29,7 +29,7 @@ a {
 }
 
 h1, h2, h3, h4, h5, h6 {
-  font-family: $font-family-heading;
+  font-family: $headings-font-family;
 }
 
 p {
@@ -65,12 +65,12 @@ aside {
   transition: all 0.35s;
   border-color: opacify($brand-grey-dark, 0.05);
   background-color: $white;
-  font-family: $font-family-heading;
+  font-family: $headings-font-family;
 
   .navbar-header .navbar-brand {
     text-transform: uppercase;
     color: $brand-orange;
-    font-family: $font-family-heading;
+    font-family: $headings-font-family;
     font-weight: 700;
 
     &:hover, &:focus {
@@ -261,7 +261,7 @@ header {
       .project-category,
       .project-name {
         padding: 0 15px;
-        font-family: $font-family-heading;
+        font-family: $headings-font-family;
       }
 
       .project-category {
@@ -322,7 +322,7 @@ header {
   border: 0;
   border-radius: 300px;
   text-transform: uppercase;
-  font-family: $font-family-heading;
+  font-family: $headings-font-family;
   font-weight: 700;
 }
 
diff --git a/static/src/scss/variables.scss b/static/src/scss/variables.scss
index 7734011..c7331c9 100644
--- a/static/src/scss/variables.scss
+++ b/static/src/scss/variables.scss
@@ -10,10 +10,13 @@ $white: #FFF;
 
 
 $footer-height: 175px;
-$font-family-heading: "Open Sans", "Helvetica Neue", Arial, sans-serif;
+$headings-font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
 
 
 /* @group Bootstrap Overrides */
 $font-family-base: "Roboto", "Helvetica Neue", Arial, sans-serif;
+$font-family-sans-serif: $font-family-base;
+$font-family-serif: $font-family-base;
+
 $brand-primary: $brand-orange;
 /* @end Bootstrap Overrides */