diff --git a/_includes/footer.html b/_includes/footer.html
index bf2726516f..c886b18da1 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,15 +1,55 @@
-<div class="container">
-  <div class="row text-center">
-    <hr class="faded">
+<footer class="background-dark">
+  <div class="container">
+    <div class="row equal">
+      <div class="col-md-4">
+        <nav aria-label="Footer left">
+          <ul class="list-unstyled">
+            <li>
+              <a href="fundamentals-literature-guide.html">Cite preCICE</a>
+            </li>
+            <li>
+              <a href="community-contribute-to-precice.html">Contribute</a>
+            </li>
+            <li>
+              <a href="community-support-precice.html">Get support</a>
+            </li>
+            <li>
+              <a href="community-training.html">Get training</a>
+            </li>
+          </ul>
+        </nav>
+      </div>
 
-		{% if page.last_updated %}<span>Page last updated:</span> {{page.last_updated}}<br/>{% endif %} Site last generated: {{ site.time | date: "%b %-d, %Y"  }} <br />
+      <div class="col-md-4">
+        <nav aria-label="Footer right">
+          <ul class="list-unstyled">
+            <li>
+              <a class="no-icon" href="https://precice.discourse.group">Forum on Discourse</a>
+            </li>
+            <li>
+              <a class="no-icon" href="https://github.com/precice">preCICE on GitHub</a>
+            </li>
+            <li>
+              <a href="fundamentals-license.html">License</a>
+            </li>
+            <li>
+              <a href="about.html">Impressum / Legal</a>
+            </li>
+          </ul>
+        </nav>
+      </div>
 
-		<a class="no-icon" rel="license" href="https://creativecommons.org/licenses/by/4.0/">
-			<img alt="Creative Commons License" src="images/licensebutton-by-40_88x31.png" />
-		</a>
-		<br />
-		This work is licensed under a <a rel="license" href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
-
-	</div>
-
-</div>
+      <div class="col-md-4">
+        <p>
+        <a class="no-icon" rel="license" href="https://creativecommons.org/licenses/by/4.0/">
+          <img alt="This work is licensed under a Creative Commons Attribution 4.0 International License." src="images/licensebutton-by-40_88x31.png" />
+        </a>
+        </p>
+        <p>
+        Page last updated: {{page.last_modified_at | date: "%b %-d, %Y" }}<br>
+        Site last updated: {{ site.time | date: "%b %-d, %Y"  }}
+        </p>
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/_layouts/default.html b/_layouts/default.html
index 3f0fc8178e..a5fcb87ec4 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -85,7 +85,7 @@
           <!-- News banner -->
           {% include news_banner.html onlanding=false %}
     </header>
-    <div class="container">
+    <div class="container" style="margin-bottom:50px">
         {% unless page.hide_sidebar %}
         <div class="row">
           <div class="col-md-3" id="tg-sb-sidebar">
@@ -101,9 +101,7 @@
         </main>
         {% endunless %}
     </div>
-    <footer>
-      {% include footer.html %}
-    </footer>
+    {% include footer.html %}
 </body>
 
 {% if site.google_analytics %}
diff --git a/_layouts/landing_page.html b/_layouts/landing_page.html
index 4a49b54a92..5bd5e51707 100644
--- a/_layouts/landing_page.html
+++ b/_layouts/landing_page.html
@@ -14,9 +14,7 @@
 		{{content}}
 	</main>
 
-  <footer>
-		{% include footer.html %}
-  </footer>
+	{% include footer.html %}
 
 	<script src="{{ "js/github-queries.js" }}"></script>
 
diff --git a/css/modern-business.css b/css/modern-business.css
index b0323c5cdf..dfbcb4313e 100644
--- a/css/modern-business.css
+++ b/css/modern-business.css
@@ -66,7 +66,7 @@ header.carousel .fill {
 /* Footer Styles */
 
 footer {
-    margin: 50px 0;
+    padding: 50px 0;
 }
 
 /* Responsive Styles */
diff --git a/css/theme-precice.css b/css/theme-precice.css
index 111f8ef2b3..77df59d5e5 100644
--- a/css/theme-precice.css
+++ b/css/theme-precice.css
@@ -277,6 +277,9 @@ strong {
 .background-dark p {
   color: white;
 }
+.background-dark a {
+  color: white;
+}
 .background-dark .panel p {
   color: #040606;
 }
@@ -302,4 +305,13 @@ h5 {
     color: #808080;
     font-weight: 700;
     font-size: 18px;
-}
\ No newline at end of file
+}
+
+@media(max-width:992px) {
+    footer {
+        text-align: center;
+    }
+    footer nav {
+      margin-bottom: 2em
+    }
+}
diff --git a/pages/index.html b/pages/index.html
index 9decd3ad1e..7652022811 100644
--- a/pages/index.html
+++ b/pages/index.html
@@ -503,7 +503,7 @@ <h2 class="section-header">Tried and tested by a global community</h2>
 
 <!-- Code example -->
 
-<div class="background-dark">
+<div class="background-light">
   <div class="container">
     <div class="section">