basic layout for 480px

src/css/main.css

@@ -888,6 +888,17 @@ footer {
   background-size: 43px;
   background-repeat: no-repeat; }
 
+.footer-logo-mobile {
+  display: none;
+  margin: 0 auto;
+  margin-bottom: 40px;
+  width: 43px;
+  height: 39px;
+  background-image: url("../img/logo-gray.svg");
+  background-position: center;
+  background-size: 43px;
+  background-repeat: no-repeat; }
+
 .footer-links {
   margin-top: 40px; }
   .footer-links a {
@@ -1195,7 +1206,26 @@ body input:required:valid, body textarea:required:valid {
   .main-logo {
     left: 45%; }
   .logo-shadow {
-    left: 42%; } }
+    left: 42%; }
+  footer {
+    position: relative; }
+  .footer-wrapper {
+    width: 100%; }
+  .footer-links {
+    display: none; }
+  .footer-logo {
+    position: absolute;
+    top: 0;
+    left: 50%; }
+  .footer-half {
+    padding: 0;
+    width: 100%; }
+  .footer-half:nth-child(2) {
+    display: none; }
+  .footer-logo-mobile {
+    display: block; }
+  .section-heading-odd {
+    margin-left: 0; } }
 
 /* Custom, iPhone Retina */
 /*==========  Mobile First Method  ========== */

src/index.html

@@ -385,6 +385,7 @@
         <div class="container">
             <div class="footer-wrapper">
                 <div class="footer-half">
+                  <a class="footer-logo-mobile"></a>
                     <p>Status Platform
                         <br>Kemperplatz 1
                          Berlin, Germany

src/sass/_media.scss

@@ -73,6 +73,41 @@
     left: 42%;
   }
 
+  footer {
+    position: relative;
+  }
+
+  .footer-wrapper {
+    width: 100%;
+  }
+
+  .footer-links {
+    display: none;
+  }
+
+  .footer-logo {
+    position: absolute;
+    top: 0;
+    left: 50%;
+  }
+
+  .footer-half {
+    padding: 0;
+    width: 100%;
+  }
+
+  .footer-half:nth-child(2) {
+    display: none;
+  }
+
+  .footer-logo-mobile {
+    display: block;
+  }
+
+  .section-heading-odd {
+    margin-left: 0;
+  }
+
 }
 
 /* Custom, iPhone Retina */

src/sass/index.scss

@@ -911,6 +911,18 @@ footer {
   background-repeat: no-repeat;
 }
 
+.footer-logo-mobile {
+  display: none;
+  margin: 0 auto;
+  margin-bottom: 40px;
+  width: 43px;
+  height: 39px;
+  background-image: url('../img/logo-gray.svg');
+  background-position: center;
+  background-size: 43px;
+  background-repeat: no-repeat;
+}
+
 .footer-links {
   margin-top: 40px;
   a {