From 63e8edcbe80372691790c6e483a32cccbb231929 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Mon, 18 Oct 2021 14:50:58 +0200
Subject: [PATCH] Fix Footer responsive

---
 src/style/organisms/_footer.scss | 32 +++++++++++++++++++++++++++-----
 1 file changed, 27 insertions(+), 5 deletions(-)

diff --git a/src/style/organisms/_footer.scss b/src/style/organisms/_footer.scss
index 19cf758..cc67429 100644
--- a/src/style/organisms/_footer.scss
+++ b/src/style/organisms/_footer.scss
@@ -4,7 +4,8 @@
     background-color: $color-primary-darker;
     padding: 40px 0;
 
-    @include bp (sm) {
+    @include bp (md) {
+        padding: 0;
         height: 120px;
     }
 
@@ -18,14 +19,13 @@
     &__title {
         grid-column: span var(--columns);
         grid-row: 1;
-        display: block;
         margin-bottom: 40px;
         text-decoration: none;
 
         @include bp (sm) {
             grid-column: 2 / span 5;
             grid-row: 1;
-            margin: 0;
+            margin: auto 0;
         }
     }
 
@@ -50,6 +50,9 @@
             margin-bottom: 16px;
 
             @include bp (sm) {
+                margin: 0 12px;
+            }
+            @include bp (md) {
                 margin: 0 16px;
             }
 
@@ -61,27 +64,46 @@
             display: block;
             color: #fff;
             text-decoration: none;
-            font-size: rem(16px);
+            font-size: rem(14px);
             line-height: 1.3;
             font-weight: 300;
+
+            @include bp (md) {
+                font-size: rem(16px);
+            }
         }
         svg {
-            margin-right: 16px;
+            margin-right: 12px;
+
+            @include bp (md) {
+                margin-right: 16px;
+            }
         }
     }
 
+    // Cetrucflotte logo
     &__ctf {
         grid-column: span var(--columns);
         grid-row: 2;
         margin-left: auto;
         margin-top: auto;
+        max-width: 120px;
 
         @include bp (sm) {
             grid-column: 19 / span 5;
             grid-row: 1;
+            max-width: 112px;
             margin-top: 0;
         }
+        @include bp (md) {
+            max-width: 140px;
+        }
 
+        img {
+            display: block;
+            width: 100%;
+            height: auto;
+        }
         span {
             font-size: rem(12px);
             color: $color-lilas-bright;