diff --git a/_includes/footer.html b/_includes/footer.html
index b3b753b..415f594 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,7 +1,7 @@
 <footer class="footer">
     <div class="container">
         <div class="row">
-            <div class="col-md-7">
+            <div class="col-sm-7">
                 <ul class="links">
                     <li>
                         <span class="message">Hello from Seattle and Zürich.</span>
@@ -14,7 +14,7 @@
                     </li>
                 </ul>
             </div>
-            <div class="col-md-5">
+            <div class="col-sm-5">
                 <div class="copyright">
                     <a id="footer-microsoft-link" class="logo" href="https://www.microsoft.com">
                         <img src="{{site.baseurl}}/img/microsoft.svg" alt="Microsoft">
diff --git a/css/main.scss b/css/main.scss
index 93e388a..e3d280e 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -367,8 +367,20 @@ pre[class=highlight] {
 	}
 
 	.links {
+		padding-bottom: 10px;
+
+		@media (min-width: 576px) {
+			padding: 0;
+		}
+
 		li {
+			list-style: none;
+			padding-bottom: 10px;
+			
+			@media (min-width: 576px) {
 			display: inline-block;
+				padding: 0;
+			}
 		}
 	}