diff --git a/assets/css/main.css b/assets/css/main.css
index 01b374e..9173d00 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -135,8 +135,8 @@ nav {
 
 footer {
   margin-top: 20px;
-  padding-top: 20px;
-  padding-bottom: 20px;
+  padding-top: 15px;
+  padding-bottom: 10px;
   min-width: inherit;
   background-color: #bebebe;
   color: #000; }
@@ -171,12 +171,12 @@ html {
 @media (min-width: 576px) {
   body {
     /* Margin bottom by footer height */
-    margin-bottom: 115px; }
+    margin-bottom: 100px; }
   footer {
     position: absolute;
     bottom: 0;
     width: 100%;
-    height: 85px; } }
+    height: 70px; } }
 
 @media (max-width: 575px) {
   body {
diff --git a/assets/css/templates/home.css b/assets/css/templates/home.css
index 0010378..ed4f60f 100644
--- a/assets/css/templates/home.css
+++ b/assets/css/templates/home.css
@@ -3,8 +3,8 @@
  */
 main div.home {
   text-align: center;
-  margin-top: 17%;
-  margin-bottom: 20%; }
+  margin-top: 15vh;
+  margin-bottom: 20vh; }
   main div.home div.logo {
     font-family: 'Boon-Logo', "Verdana", "Arial", sans-serif;
     font-size: 24.5px;
@@ -25,4 +25,9 @@ main div.home {
     font-size: 14px;
     letter-spacing: -0.02em; }
 
+@media (max-width: 575px) {
+  main div.home {
+    margin-top: 13vh;
+    margin-bottom: 17vh; } }
+
 /*# sourceMappingURL=home.css.map */
\ No newline at end of file
diff --git a/assets/css/templates/home.css.map b/assets/css/templates/home.css.map
index 1082f36..7923802 100644
Binary files a/assets/css/templates/home.css.map and b/assets/css/templates/home.css.map differ
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index deb6e5c..33d3560 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -186,8 +186,8 @@ nav {
 $footer_logoHeight: 1.4rem;
 footer {
   margin-top: 20px;
-  padding-top: 20px;
-  padding-bottom: 20px;
+  padding-top: 15px;
+  padding-bottom: 10px;
   
   min-width: inherit;
 
@@ -227,7 +227,7 @@ footer {
 }
 
 /* make footer sticky */
-$footer_height:    85px;
+$footer_height:    70px;
 $footer_height_xs: 175px;
 $footer_margin:    30px;
 html {
diff --git a/assets/scss/templates/home.scss b/assets/scss/templates/home.scss
index b5eadf8..f348d3f 100644
--- a/assets/scss/templates/home.scss
+++ b/assets/scss/templates/home.scss
@@ -1,14 +1,17 @@
 /* STYLE for jannikbeyerstedt.de
  * for specific template
  */
+@import "custom";
+@import "variables";
+@import "mixins";
 
 @import "../mainvariables";
 
 main {
   div.home {
     text-align: center;
-    margin-top: 17%;
-    margin-bottom: 20%;
+    margin-top: 15vh;
+    margin-bottom: 20vh;
 
     div.logo {
       font-family: 'Boon-Logo', "Verdana", "Arial", sans-serif;
@@ -41,3 +44,10 @@ main {
 
   }
 }
+
+@include media-breakpoint-down(xs) {
+  main div.home {
+    margin-top: 13vh;
+    margin-bottom: 17vh;
+  }
+}