mediq queries footer

web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss

@@ -8,9 +8,12 @@
     h2, ul{margin: 0;}
     border-top: 1px solid #808080;
     @media(max-width: 891px){
-     display: flex;
-     flex-wrap: wrap;
-    justify-content: space-between;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+    }
+    @media(max-width: 600px){
+        flex-wrap: nowrap;
     }
 
     
@@ -36,6 +39,12 @@
                 @media(max-width: 891px){
                     height: $header-height-pad;
                 }
+                @media(max-width: 660px){
+                    height: $header-height-small;
+                }
+                @media(max-width: 450px){
+                    height: $header-height-ultrasmall;
+                }
             }
         }
  

web/themes/custom/quartiers_de_demain/scss/partials/_header.scss

@@ -20,7 +20,7 @@ header{
     @media(max-width: 660px){
         height: $header-height-small;
     }
-    @media(max-width: 660px){
+    @media(max-width: 450px){
         display: flex;
         height: $header-height-ultrasmall;
     }
@@ -64,7 +64,7 @@ header{
             @media(max-width: 660px){
                 height: $header-height-small;
             }
-            @media(max-width: 660px){
+            @media(max-width: 450px){
                 height: $header-height-ultrasmall;
             }
          }
@@ -149,7 +149,7 @@ header{
         display: grid;
         align-items: center;
         margin: auto;
-        @media(max-width: 660px){
+        @media(max-width: 450px){
             height: $header-height-ultrasmall;
         }
         span{