diff --git a/checkout/src/arquivos/sass/partials/_header.scss b/checkout/src/arquivos/sass/partials/_header.scss index c376e62..7279535 100644 --- a/checkout/src/arquivos/sass/partials/_header.scss +++ b/checkout/src/arquivos/sass/partials/_header.scss @@ -9,20 +9,30 @@ @media (max-width: $checkout375px) { margin: 0 16px; } + @media (max-width: $checkout1024px){ + margin: 0 16px; + } } &__wrapper { align-items: center; display: flex; justify-content: space-between; - padding: 30px 0; + padding: 29px 0; + @media (max-width: $checkout375px) { + padding: 16px 0; + } + @media (max-width: $checkout1024px){ + padding: 16px 0 16.88px; + } } &__logo { a { img { + width: 155.58px !important; height: 37.14px; - width: auto; @media (min-width: $checkout2500px) { + width: 382.07px !important; height: 91.2px; } @media (max-width: $checkout375px) { @@ -57,11 +67,10 @@ text-transform: uppercase; font-family: $font-family; font-style: normal; - font-weight: normal; font-size: 12px; line-height: 16px; font-weight: 400; - color: $color-gray; + color: $color-gray2; @media (min-width: $checkout2500px) { font-size: 24px; line-height: 33px; @@ -81,6 +90,9 @@ @media (min-width: $checkout2500px) { width: 1078px; } + @media (max-width: $checkout1024px){ + width: 0; + } @media (max-width: $checkout375px) { width: 0; }