diff --git a/src/components/Header/header.module.scss b/src/components/Header/header.module.scss index 3984554..a1465cc 100644 --- a/src/components/Header/header.module.scss +++ b/src/components/Header/header.module.scss @@ -57,6 +57,27 @@ outline: 0; padding-left: 16px; + @media (min-width: 2500px) { + width: 600px; + height: 50px; + font-size: 26px; + } + + @media (min-width: 1200px) and (max-width: 2000px) { + width: 400px; + height: 41px; + font-size: 20px; + } + + @media (min-width: 1000px) and (max-width: 1200px) { + height: 35px; + font-size: 16px; + } + + @media (max-width: 700px) { + height: 35px; + } + &::placeholder { color: $gray-800; @@ -189,11 +210,6 @@ width: 22.4%; } - &__busca-input { - height: 57px; - font-size: 28px; - line-height: 33px; - } &__busca-icon { top: 50%;