diff --git a/dev/scss/base/base.scss b/dev/scss/base/base.scss
index c245cd9..d5b646d 100644
--- a/dev/scss/base/base.scss
+++ b/dev/scss/base/base.scss
@@ -32,12 +32,12 @@
 }
 
 html {
-  height: 100%;
+  height: 100vh;
 }
 
 body {
   position:   relative;
-  min-height: 100%;
+  min-height: 100vh;
   font-size:  12pt;
   margin:     0;
   padding:    0;
diff --git a/dev/scss/base/colors.scss b/dev/scss/base/colors.scss
index 244d1fe..2873ec7 100644
--- a/dev/scss/base/colors.scss
+++ b/dev/scss/base/colors.scss
@@ -18,6 +18,7 @@
 $ids-pink-2:   rgb(250, 243, 222); // Lexik
 
 $black:        #333;
+$darker-black: rgb(20,20,20); // official footer
 
 
 /**
diff --git a/dev/scss/base/lengths.scss b/dev/scss/base/lengths.scss
index d0aafd5..9dd307d 100644
--- a/dev/scss/base/lengths.scss
+++ b/dev/scss/base/lengths.scss
@@ -19,3 +19,4 @@
 $right-distance:      $standard-margin;
 $right-view-distance: $standard-margin / 2;
 $logo-left-distance:  230px;
+$footer-height:       100pt;
\ No newline at end of file