diff --git a/assets/css/main.css b/assets/css/main.css
index 89dce11..0b29bef 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -146,7 +146,7 @@ html {
 @media (min-width: 544px) {
   body {
     /* Margin bottom by footer height */
-    margin-bottom: 85px; }
+    margin-bottom: 115px; }
   footer {
     position: absolute;
     bottom: 0;
@@ -156,7 +156,7 @@ html {
 @media (max-width: 543px) {
   body {
     /* Margin bottom by footer height */
-    margin-bottom: 162px; }
+    margin-bottom: 192px; }
   footer {
     position: absolute;
     bottom: 0;
diff --git a/assets/css/main.css.map b/assets/css/main.css.map
index a4ffa8d..f37cf3a 100644
Binary files a/assets/css/main.css.map and b/assets/css/main.css.map differ
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index 82a02da..eb114dd 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -201,8 +201,9 @@ footer {
 }
 
 /* make footer sticky */
-$footer_height: 85px;
+$footer_height:    85px;
 $footer_height_xs: 162px;
+$footer_margin:    30px;
 html {
   position: relative;
   min-height: 100%;
@@ -210,7 +211,7 @@ html {
 @include media-breakpoint-up(sm) {
   body {
     /* Margin bottom by footer height */
-    margin-bottom: $footer_height;
+    margin-bottom: $footer_height + $footer_margin;
   }
   footer {
     position: absolute;
@@ -222,7 +223,7 @@ html {
 @include media-breakpoint-down(xs) {
   body {
     /* Margin bottom by footer height */
-    margin-bottom: $footer_height_xs;
+    margin-bottom: $footer_height_xs + $footer_margin;
   }
   footer {
     position: absolute;