From c19c0b73cfd2562ec3a3c7beabea77c179ac6ec6 Mon Sep 17 00:00:00 2001
From: MarcelloMartins <marcello08martins@outlook.com>
Date: Thu, 19 Jan 2023 19:09:46 -0300
Subject: [PATCH] feat(header):

---
 src/components/Header/styles.module.scss | 73 ++++++++++++++++++------
 1 file changed, 56 insertions(+), 17 deletions(-)

diff --git a/src/components/Header/styles.module.scss b/src/components/Header/styles.module.scss
index 8c4cad7..58257d5 100644
--- a/src/components/Header/styles.module.scss
+++ b/src/components/Header/styles.module.scss
@@ -44,7 +44,7 @@
     .headerButton {
       display: flex;
       gap: 55px;
-      padding-right: 7.81vw;
+      padding-right: 100px;
       height: 28px;
 
       .buttonEntrar {
@@ -76,7 +76,8 @@
 
     .logo {
       display: flex;
-      padding-left: 7.81vw;
+      padding-left: 100px;
+      width: 10.6%;
     }
 
     .menuHamburguer {
@@ -88,6 +89,25 @@
   }
 }
 
+.secondDiv {
+  background: black;
+  margin-top: 1px;
+  display: flex;
+  flex-direction: row;
+  padding: 14px 0 14px 7.81vw;
+  gap: 55px;
+
+  .secondHeaderButton {
+    background: black;
+    color: white;
+    border: 0;
+    text-transform: uppercase;
+    font-weight: 500;
+    font-size: 14px;
+    cursor: pointer;
+  }
+}
+
 @media screen and (max-width: 1024px) {
   .Header {
     height: 139px;
@@ -121,21 +141,40 @@
   }
 }
 
-.secondDiv {
-  background: black;
-  margin-top: 1px;
-  display: flex;
-  flex-direction: row;
-  padding: 14px 0 14px 7.81vw;
-  gap: 55px;
+@media screen and (min-width: 2500px) {
+  .searchDiv {
+    height: 57px !important;
 
-  .secondHeaderButton {
-    background: black;
-    color: white;
-    border: 0;
-    text-transform: uppercase;
-    font-weight: 500;
-    font-size: 14px;
-    cursor: pointer;
+    input {
+      font-size: 28px !important;
+      height: 57px !important;
+    }
+
+    img {
+      width: 1.41vw !important;
+    }
+  }
+
+  .headerButton {
+    height: 54px !important;
+
+    .buttonEntrar {
+      font-size: 28px !important;
+      height: 54px !important;
+    }
+
+    .cartButton {
+      img {
+        height: 54px !important;
+      }
+    }
+  }
+
+  .secondDiv {
+    padding-left: 100px !important;
+
+    .secondHeaderButton {
+      font-size: 28px !important;
+    }
   }
 }