diff --git a/_assets/css/main.css.scss b/_assets/css/main.css.scss
index 6e0582d..5dd0802 100644
--- a/_assets/css/main.css.scss
+++ b/_assets/css/main.css.scss
@@ -22,7 +22,7 @@ $navbarHeight: 58px;
 
 #main {
   margin-top: $navbarHeight + 15px;
-  margin-bottom: 295px;
+  margin-bottom: $navbarHeight + 15px;
 }
 
 #main.submenu {
@@ -56,4 +56,16 @@ $navbarHeight: 58px;
 
 .card.sidebar {
     width: 20rem;
+}
+
+@include media-breakpoint-up(md) {
+  #main {
+    margin-bottom: 295px;
+  }
+}
+
+@include media-breakpoint-down(sm) {
+  .md-up {
+    display: none;
+  }
 }
\ No newline at end of file
diff --git a/_includes/footer.html b/_includes/footer.html
index e3c2779..fd2b498 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -12,12 +12,14 @@
                     </ul>
                 </nav>
                 {% if site.data.promotion.show %}
-                <a href="{{ site.data.promotion.link }}">
-                    <img src="{{ site.data.promotion.image }}" alt="{{ site.data.promotion.title }} promotional image" />
-                </a>
+                <div class="md-up">
+                    <a href="{{ site.data.promotion.link }}">
+                        <img src="{{ site.data.promotion.image }}" alt="{{ site.data.promotion.title }} promotional image" />
+                    </a>
+                </div>
                 {% endif %}
             </div>
-            <div class="col-sm-8">
+            <div class="col-sm-8 md-up">
                 <ul class="list-unstyled">
                     {% if site.data.author.github_username %}
                     <li>