smart phone home et footer

web/themes/custom/eql/scss/pages/_home.scss

@@ -4,7 +4,7 @@
         grid-template-areas: "presentation presentation presentation presentation presentation presentation" 
                             "presentation presentation presentation presentation presentation presentation" 
                             "presentation presentation presentation presentation presentation presentation" 
-                            "presentation presentation presentation presentation presentation presentation" 
+                            "presentation presentation presentation presentation presentation presentation"  
                              "actus actus actus actus actus actus"
                              "actus actus actus actus actus actus"
                              "programme programme programme programme programme programme"
@@ -25,6 +25,13 @@
             background-position-y: bottom;
             background-position-x: left;
             background-repeat: no-repeat;
+            @media (max-width: 810px){
+                background: url("../images/pictos/forme_home_2_smartphone.svg");
+                background-size: 100%;
+                background-position-y: bottom;
+                background-position-x: left;
+                background-repeat: no-repeat;
+            }
             .node-type-static{
                 div:first-child{
                     display: grid;
@@ -119,9 +126,15 @@
                             }
                         }
                         @media (max-width: 810px){ 
-                            grid-column: 2 / 5;
+                            grid-column: 2;
                             grid-row:3;
-                            
+                            font-size: 0.6rem;
+                                    
+                        a{
+                            &:after{
+                                display: none;        
+                            }
+                        }
                         }
                     }
                 }
@@ -173,8 +186,13 @@
             }
             @media (max-width: 810px){
                 grid-area: presentation;
-                grid-column: 3 /span 4;
-                grid-row: 3;
+                grid-column: 5;
+                grid-row: 4;
+                .field--type-link { font-size: 0.6rem;
+                    a::after{
+                        display: none;
+                    }
+                }
             }
         }
 
@@ -229,9 +247,10 @@
                         font-weight: 700;
                         color: $blue-light;
                         align-items: center;
+                        font-size: 0.6rem;
                     } 
                     a::after{
-                        content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
+                        display: none;
                     }
                 }
                 .field--name-field-description{display: none;}

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

@@ -9,7 +9,9 @@
     background-color: $white;
     padding-top: 3rem;
 
-
+    @media (max-width: 810px){
+        flex-direction: column;
+    }
 
     .region{
         display: block;
@@ -28,6 +30,10 @@
         margin-left: 3rem;
         border: none;
         width: 20%;
+        @media (max-width: 810px){
+            width: 100%;
+            margin-left: 0rem;
+        }
         .view-id-partenaires{
             .view-content{
               
@@ -55,7 +61,9 @@
         display: flex;
         flex-direction: column-reverse;
         justify-content: flex-end;
-
+        @media (max-width: 810px){
+            width: 100%;
+        }
         #block-socialnetwork {
             margin-bottom: 1rem;
 
@@ -117,7 +125,9 @@
 
     .region-footer-bottom-middle{
         width: 60%;
-    
+        @media (max-width: 810px){
+            width: 100%;
+        }
         .view-id-partenaires{
             .view-content{
                 display: flex;