diff --git a/.sass-lint.yml b/.sass-lint.yml
index c0e9e74..b1f0994 100644
--- a/.sass-lint.yml
+++ b/.sass-lint.yml
@@ -35,6 +35,7 @@ rules:
   no-duplicate-properties:
     - 2
     - exclude:
+      - display
       - padding-left
       - padding-right
       - padding-top
diff --git a/components/11-base/section/_section.scss b/components/11-base/section/_section.scss
index 89e6774..a131f2f 100644
--- a/components/11-base/section/_section.scss
+++ b/components/11-base/section/_section.scss
@@ -4,7 +4,3 @@
     color: map-get($colors, 'section-text-color');
   }
 }
-
-*[class*="section--"] {
-  @include clearfix();
-}
diff --git a/components/31-molecules/blocks/partnership-block/_partnership-block.scss b/components/31-molecules/blocks/partnership-block/_partnership-block.scss
index 99755a1..b7a578b 100644
--- a/components/31-molecules/blocks/partnership-block/_partnership-block.scss
+++ b/components/31-molecules/blocks/partnership-block/_partnership-block.scss
@@ -1,8 +1,12 @@
 .db-block-partnership {
+  display: flex;
+  justify-content: flex-end;
+  align-items: flex-end;
+  height: 100%;
   padding-top: 6.25rem;
   background-image: url('#{$styleguide-dir}/img/svg/stad-gent.svg') ;
   background-repeat: no-repeat;
-  background-position: top right;
+  background-position: bottom 2.5rem right;
   background-size: 8.75rem;
   color: $color-gray;
   text-align: right;
diff --git a/components/41-organisms/footer/_footer.scss b/components/41-organisms/footer/_footer.scss
index 6ee88cb..b93cf3a 100644
--- a/components/41-organisms/footer/_footer.scss
+++ b/components/41-organisms/footer/_footer.scss
@@ -1,47 +1,39 @@
 // General footer styling.
 footer {
-  padding: 1.5rem 0;
-
-  p {
-    color: $color-gray;
-  }
-
-  .db-block-partnership {
-    @include tablet {
-      margin-top: 6rem;
-    }
+  @include tablet {
+    padding: 1.5rem;
   }
-}
 
-// Footer 2 column layout.
-footer[data-columns="2"] {
-  .footer--column {
-    @include make-mobile-column(12);
-    @include make-tablet-column(6);
-    @include make-desktop-column(6);
-  }
-}
+  padding: 1.5rem .5rem;
 
-// Footer 3 column layout.
-footer[data-columns="3"] {
-  .footer--column {
-    @include make-mobile-column(12);
-    @include make-tablet-column(6);
-    @include make-desktop-column(4);
+  p {
+    color: $color-gray;
   }
 }
 
 // Footer 4 column layout.
 footer[data-columns="4"] {
-  .footer--column {
-    @include make-mobile-column(12);
-    @include make-tablet-column(6);
-    @include make-desktop-column(3);
+  @include tablet {
+    display: flex;
+    display: grid;
+    grid-template-columns: repeat(2, 1fr [footer-column]);
+    grid-gap: 1rem;
+    grid-auto-rows: 275px;
+  }
+  @include desktop {
+    grid-template-columns: repeat(4, 1fr [footer-column]);
+    grid-auto-rows: 400px;
   }
 
-  .db-block-partnership {
+  .footer--column {
+    @include tablet {
+      width: 50%;
+    }
     @include desktop {
-      margin-top: 12.5rem;
+      width: 25%;
+    }
+    @supports (display: grid) {
+      width: auto;
     }
   }
 }
diff --git a/components/41-organisms/footer/footer.twig b/components/41-organisms/footer/footer.twig
index 200a424..ccd4b81 100644
--- a/components/41-organisms/footer/footer.twig
+++ b/components/41-organisms/footer/footer.twig
@@ -1,19 +1,15 @@
 <footer class="section--wrapper" role="contentinfo" data-columns="4">
-  <div class="content-container">
-    <div class="row">
-      <div class="footer--column">
-        {% include '@gentinfo-island' %}
-      </div>
-      <div class="footer--column">
-        {% include '@post-address-block' %}
-        {% include '@disclaimer-block' %}
-      </div>
-      <div class="footer--column">
-        {% include '@social-media-block' %}
-      </div>
-      <div class="footer--column">
-        {% include '@partnership-block' %}
-      </div>
-    </div>
+  <div class="footer--column">
+    {% include '@gentinfo-island' %}
+  </div>
+  <div class="footer--column">
+    {% include '@post-address-block' %}
+    {% include '@disclaimer-block' %}
+  </div>
+  <div class="footer--column">
+    {% include '@social-media-block' %}
+  </div>
+  <div class="footer--column">
+    {% include '@partnership-block' %}
   </div>
 </footer>