feat: Cria header mobile

checkout/src/arquivos/sass/partials/_header.scss

@@ -6,6 +6,10 @@
     .container {
         width: auto !important;
         margin: 29px 131px;
+
+        @include mq(mobile, max) {
+            margin: 16px;
+        }
     }
 
     &__wrapper {
@@ -19,6 +23,10 @@
             height: 37px;
             width: auto;
 
+            @include mq(mobile, max) {
+                height: 33px;
+            }
+
             @include mq(4k, min) {
                 height: 92px;
             }
@@ -99,7 +107,7 @@
             font-family: $font-family;
             font-weight: 400;
             font-size: 12px;
-            line-height: 14px;
+            line-height: 16px;
             color: $black-400;
 
             @include mq(4k, min) {

checkout/src/arquivos/sass/utils/_variaveis.scss

@@ -18,6 +18,7 @@ $grid-breakpoints: (
     sm: 576px,
     md: 768px,
     lg: 992px,
+    mobile: 1024px,
     xl: 1200px,
     4k: 2500px,
 ) !default;