diff --git a/src/components/newsletter.module.scss b/src/components/newsletter.module.scss index e9b6cfc..54368c2 100644 --- a/src/components/newsletter.module.scss +++ b/src/components/newsletter.module.scss @@ -6,6 +6,10 @@ border-top: 1px solid variables.$color-black; background: variables.$color-white; + @media screen and (min-width: 2500px) { + height: 141.24px; + } + @media screen and (max-width: 1024px) { height: auto; } @@ -38,6 +42,11 @@ margin-bottom: 8px; + @media screen and (min-width: 2500px) { + font-size: 36px; + line-height: 42px; + } + @media screen and (max-width: 1024px) { font-size: 14px; line-height: 16px; @@ -68,6 +77,10 @@ border: 1px solid variables.$color-grey2; border-radius: 4px; + @media screen and (min-width: 2500px) { + min-width: 668px; + } + @media screen and (max-width: 1024px) { min-width: 100%; } @@ -78,6 +91,11 @@ font-size: 14px; line-height: 16px; color: variables.$color-grey; + + @media screen and (min-width: 2500px) { + font-size: 28px; + line-height: 33px; + } } .form-feedback { @@ -108,6 +126,12 @@ letter-spacing: 0.05em; color: variables.$color-white; + @media screen and (min-width: 2500px) { + width: 246px; + + font-size: 24px; + } + @media screen and (max-width: 1024px) { width: 100%; }