From a6e4ea4a5a7f68be2d51b4a386cd99f626e3a11f Mon Sep 17 00:00:00 2001
From: Gabriel Ferraz <gabrielferraznog@gmail.com>
Date: Mon, 12 Dec 2022 21:35:22 -0300
Subject: [PATCH] feat(header): ajuste css telas mobile

---
 .../src/arquivos/sass/partials/_footer.scss   | 59 ++++++++++++++-----
 1 file changed, 43 insertions(+), 16 deletions(-)

diff --git a/checkout/src/arquivos/sass/partials/_footer.scss b/checkout/src/arquivos/sass/partials/_footer.scss
index 077b7b5..9bd0640 100644
--- a/checkout/src/arquivos/sass/partials/_footer.scss
+++ b/checkout/src/arquivos/sass/partials/_footer.scss
@@ -1,13 +1,26 @@
 .footerCheckout {
     .container {
         display: flex;
-        align-items: center;
-        justify-content: space-between;
-        padding: 15px 32px;
+        flex-direction: column;
+        padding: 7px 8px;
+        margin: 0;
+        gap: 15px;
+
+        @media (min-width: 1025px) {
+            flex-direction: row;
+            align-items: center;
+            justify-content: space-between;
+            padding: 15px 32px;
+            gap: 0;
+        }
     }
 
     &__wrapper {
         border-top: 1px solid $black;
+
+        @media (max-width: 490px) {
+            padding: 0 8px;
+        }
     }
 
     &__address {
@@ -18,12 +31,11 @@
         line-height: 14px;
         font-size: 10px;
         text-transform: capitalize;
-        // max-width: 40%;
 
-        @include mq(md, max) {
-            margin-bottom: 24px;
-            max-width: 100%;
-        }
+        // @include mq(md, max) {
+        //     margin-bottom: 24px;
+        //     max-width: 100%;
+        // }
     }
 
     &__stamps {
@@ -47,16 +59,25 @@
                 margin: 0;
                 display: flex;
                 align-items: center;
-                justify-content: center;
                 list-style: none;
+
+                @media (min-width: 1025px) {
+                    justify-content: center;
+                }
             }
             li {
-                width: 5.22%;
-                margin-right: 13px;
+                width: 3.77%;
+                min-width: 35.65px;
+                margin-right: 4px;
+
+                @media (min-width: 1025px) {
+                    width: 5.22%;
+                    margin-right: 13px;
+                }
             }
 
             #vtexIcon {
-                width: 7.63%;
+                width: 53px;
                 margin-left: 10px;
                 position: relative;
             }
@@ -92,10 +113,16 @@
         }
 
         .vtex-icon {
-            width: 36.69%;
+            width: 44.92px;
+            @media (min-width: 1025px) {
+                width: 36.69%;
+            }
         }
         .m3-icon {
-            width: 31.8%;
+            width: 28.66px;
+            @media (min-width: 1025px) {
+                width: 31.8%;
+            }
         }
 
         a {
@@ -104,8 +131,8 @@
             display: flex;
             font-family: $font-family;
             font-style: normal;
-            font-weight: normal;
-            font-size: 10px;
+            font-weight: 400;
+            font-size: 9px;
             line-height: 12px;
             text-decoration: none;