diff --git a/_config.yml b/_config.yml
index 3a78cdc..9950332 100644
--- a/_config.yml
+++ b/_config.yml
@@ -24,6 +24,10 @@ last_updated: false # set to true if you want to display last updated in the foo
 
 navbar_fixed: true
 footer_fixed: true
+
+# Dimensions
+max_width: 800px  
+
 # TODO: add layout settings (single page vs. multi-page)
 
 # -----------------------------------------------------------------------------
diff --git a/_sass/_variables.scss b/_sass/_variables.scss
index 731cf2b..a6c3725 100644
--- a/_sass/_variables.scss
+++ b/_sass/_variables.scss
@@ -3,9 +3,7 @@
  * To adjust anything, simply edit the variables below and rebuild the theme.
  ******************************************************************************/
 
-// Dimensions
 
-$max-content-width: 800px;
 
 // Colors
 $red-color:           #FF3636 !default;
diff --git a/assets/css/main.scss b/assets/css/main.scss
index 4254d2e..934b6d3 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -3,6 +3,9 @@
 ---
 @charset "utf-8";
 
+// Dimensions
+$max-content-width: {{site.max_width}};
+
 @import
   "variables",
   "themes",