From 247948120f96533cdad0ef3bd0631a5697ef8fa7 Mon Sep 17 00:00:00 2001
From: vitorsoaresdev <dev.vitors@gmail.com>
Date: Sun, 18 Dec 2022 19:16:24 -0300
Subject: [PATCH] feat: adiciona footer

---
 .../src/arquivos/sass/partials/_footer.scss   | 101 +++++++++++++++---
 1 file changed, 87 insertions(+), 14 deletions(-)

diff --git a/checkout/src/arquivos/sass/partials/_footer.scss b/checkout/src/arquivos/sass/partials/_footer.scss
index c7c65c2..2513bfb 100644
--- a/checkout/src/arquivos/sass/partials/_footer.scss
+++ b/checkout/src/arquivos/sass/partials/_footer.scss
@@ -6,30 +6,70 @@
     &__wrapper {
         align-items: center;
         display: flex;
+    }
+
+    .container {
+        display: flex;
+        align-items: center;
+        margin: 0;
         justify-content: space-between;
+
+        @media (min-width: 1200px) {
+            width: 100%;
+        }
+
+        @include mq(md, max) {
+            margin: 0 0 0 9px;
+            display: grid;
+        }
+    }
+
+    .color-img {
+        background-color: rgb(238, 238, 238);
     }
 
     &__address {
-        color: $color-gray2;
         font-family: $font-family;
-        font-style: normal;
-        font-weight: normal;
+        color: $color-gray2;
+        margin: 27px 0 24px 0;
+        width: 269px;
         font-size: 10px;
         line-height: 12px;
         text-transform: capitalize;
-        max-width: 40%;
 
         @include mq(md, max) {
             margin-bottom: 24px;
             max-width: 100%;
         }
+
+
+        @include mq(xl, min) {
+            font-family: $font-family;
+            color: $color-black-100;
+            width: 537px;
+            font-size: 20px;
+            line-height: 27px;
+            text-transform: capitalize;
+        }
+
+        @include mq(md, max) {
+            margin: 0px 0 16px 7px;
+            font-family: $font-family;
+            color: $color-black-100;
+            font-size: 10px;
+            line-height: 14px;
+            width: 269px;
+            text-transform: capitalize;
+        }
     }
 
     &__stamps {
-        align-items: center;
         display: flex;
+        align-items: center;
         justify-self: center;
         list-style: none;
+        width: 404px;
+        margin: 16px 189px 16px 137px;
 
         @include mq(md, max) {
             align-self: center;
@@ -37,33 +77,66 @@
         }
 
         &__divider {
-            background-color: $color-gray4;
             display: inline-block;
+            background-color: $color-gray4;
             height: 24px;
             margin: 0 8px;
             width: 1px;
         }
+
+        @include mq(xl, min) {
+            width: 690px;
+
+        }
+
+        @include mq(md, max) {
+            width: 342px;
+            margin: 16px 0 16px 0;
+            order: -1;
+        }
+
+
+
     }
 
     &__developedBy {
-        align-items: center;
         display: flex;
-        list-style-type: none;
+        align-items: center;
+        width: 217px;
         margin: 0;
+        list-style-type: none;
 
-        li:last-child {
-            margin-left: 16px;
+        .vtex-rigth1 {
+            width: 15%;
         }
 
+        .vtex-rigth2 {
+            width: 8%;
+        }
+
+        .list {
+            @include mq(xl, min) {
+                font-family: 'Open Sans';
+                font-style: normal;
+                font-weight: 400;
+                font-size: 18px;
+                line-height: 25px;
+                width: 388px;
+            }
+
+            @include mq(md, max) {
+                margin: 0 0 16px 7px;
+            }
+        }
+
+
         a {
-            align-items: center;
-            color: $color-gray2;
             display: flex;
             font-family: $font-family;
-            font-style: normal;
-            font-weight: normal;
+            color: $color-gray2;
             font-size: 10px;
             line-height: 12px;
+            align-items: center;
             text-decoration: none;
 
             span {