responsive

web/themes/custom/popsu_colloque/css/components/footer/footer.scss

@@ -2,11 +2,12 @@ footer{
   background: white;
   width: 100%;
   height: auto;
-  padding: 2rem 0;
+  padding: 2rem 0 0 0;
   margin-top:2rem;
   h2{
-    font-size: 1rem;
+    font-size: 1.5rem;
     text-transform: uppercase;
+    line-height: 1rem;
   }
   a{
     color: black;
@@ -14,6 +15,37 @@ footer{
       color: black;
     }
   }
+  & > .row{
+    & > div{
+      margin-bottom: 1.5rem;
+    }
+  }
+
+  #block-renderedsitesettingsblock-5{
+    .site_setting_entity{
+      & > div{
+        display: flex;
+        flex-wrap: nowrap;
+        @media screen and (min-width: 992px) {
+          display:block;
+        }
+        & > div{
+          width: calc((100% / 3) - #{$gutter});
+          max-width: 100px;
+
+          @media screen and (min-width: 992px) {
+            width: calc((100% / 2) - #{$gutter});
+            max-width: 200px;
+            margin-bottom: 2rem;
+          }
+          &:first-child{
+            margin-right: $gutter;
+          }
+        }
+      }
+    }
+  }
+
   #block-renderedsitesettingsblock-4{
     .site_setting_entity{
       & > div{
@@ -29,7 +61,6 @@ footer{
           }
         }
       }
-
       .sub-title{
         font-size: 1rem;
       }