diff --git a/src/components/Main/About/styles.module.scss b/src/components/Main/About/styles.module.scss index 1b39a5d..b82dfbc 100644 --- a/src/components/Main/About/styles.module.scss +++ b/src/components/Main/About/styles.module.scss @@ -41,4 +41,21 @@ } } } + + @media (min-width: 2500px) { + min-height: 465px; + + &__text { + width: 73.044%; + h1 { + font-size: 48px; + line-height: 56px; + } + + p { + font-size: 26px; + line-height: 30px; + } + } + } } diff --git a/src/components/Main/Contact/styles.module.scss b/src/components/Main/Contact/styles.module.scss index 8e8e089..73d8a8b 100644 --- a/src/components/Main/Contact/styles.module.scss +++ b/src/components/Main/Contact/styles.module.scss @@ -114,4 +114,51 @@ align-items: center; } } + + @media (min-width: 2500px) { + &__text { + width: 73.044%; + h1 { + font-size: 48px; + line-height: 56px; + } + + .form { + &__input { + label { + font-size: 28px; + line-height: 33px; + } + + input { + height: 63px; + font-size: 28px; + line-height: 33px; + + &::placeholder { + font-size: 28px; + line-height: 33px; + } + } + } + + &__checkbox { + font-size: 28px; + line-height: 33px; + + input { + width: 36.4px; + height: 35.15px; + border-radius: 3px; + } + } + + button { + height: 71px; + font-size: 32px; + line-height: 38px; + } + } + } + } } diff --git a/src/components/Main/Delivery/styles.module.scss b/src/components/Main/Delivery/styles.module.scss index 1b39a5d..b82dfbc 100644 --- a/src/components/Main/Delivery/styles.module.scss +++ b/src/components/Main/Delivery/styles.module.scss @@ -41,4 +41,21 @@ } } } + + @media (min-width: 2500px) { + min-height: 465px; + + &__text { + width: 73.044%; + h1 { + font-size: 48px; + line-height: 56px; + } + + p { + font-size: 26px; + line-height: 30px; + } + } + } } diff --git a/src/components/Main/ExchangeAndReturn/styles.module.scss b/src/components/Main/ExchangeAndReturn/styles.module.scss index 1b39a5d..b82dfbc 100644 --- a/src/components/Main/ExchangeAndReturn/styles.module.scss +++ b/src/components/Main/ExchangeAndReturn/styles.module.scss @@ -41,4 +41,21 @@ } } } + + @media (min-width: 2500px) { + min-height: 465px; + + &__text { + width: 73.044%; + h1 { + font-size: 48px; + line-height: 56px; + } + + p { + font-size: 26px; + line-height: 30px; + } + } + } } diff --git a/src/components/Main/MainMenu/styles.module.scss b/src/components/Main/MainMenu/styles.module.scss index 7dbf3cd..db058dd 100644 --- a/src/components/Main/MainMenu/styles.module.scss +++ b/src/components/Main/MainMenu/styles.module.scss @@ -36,4 +36,20 @@ width: 100%; margin-bottom: 30px; } + + @media (min-width: 2500px) { + width: 25.6522%; + padding-bottom: 117px; + + li { + height: 58px; + font-size: 32px; + line-height: 38px; + + a { + line-height: 38px; + padding: 10px 0 10px 16px; + } + } + } } diff --git a/src/components/Main/Payment/styles.module.scss b/src/components/Main/Payment/styles.module.scss index 1b39a5d..b82dfbc 100644 --- a/src/components/Main/Payment/styles.module.scss +++ b/src/components/Main/Payment/styles.module.scss @@ -41,4 +41,21 @@ } } } + + @media (min-width: 2500px) { + min-height: 465px; + + &__text { + width: 73.044%; + h1 { + font-size: 48px; + line-height: 56px; + } + + p { + font-size: 26px; + line-height: 30px; + } + } + } } diff --git a/src/components/Main/SecurityAndPrivacy/styles.module.scss b/src/components/Main/SecurityAndPrivacy/styles.module.scss index 4b1c55c..5552a73 100644 --- a/src/components/Main/SecurityAndPrivacy/styles.module.scss +++ b/src/components/Main/SecurityAndPrivacy/styles.module.scss @@ -45,4 +45,21 @@ } } } + + @media (min-width: 2500px) { + min-height: 465px; + + &__text { + width: 73.044%; + h1 { + font-size: 48px; + line-height: 56px; + } + + p { + font-size: 26px; + line-height: 30px; + } + } + } } diff --git a/src/components/Main/index.tsx b/src/components/Main/index.tsx index db4a287..c3b8c7a 100644 --- a/src/components/Main/index.tsx +++ b/src/components/Main/index.tsx @@ -14,30 +14,28 @@ const Main = () => { return (
-
-
- - Home - - - Seta - -

INSTITUCIONAL

-
-
-

Institucional

-
- - - } /> - } /> - } /> - } /> - } /> - } /> - - +
+ + Home + + + Seta + +

INSTITUCIONAL

+
+

Institucional

+
+ + + } /> + } /> + } /> + } /> + } /> + } /> + +
); diff --git a/src/components/Main/styles.module.scss b/src/components/Main/styles.module.scss index 7de6ba5..4564868 100644 --- a/src/components/Main/styles.module.scss +++ b/src/components/Main/styles.module.scss @@ -89,4 +89,38 @@ } } } + + @media (min-width: 2500px) { + &__container { + width: 92%; + } + + &__way { + height: 60.25px; + + .homeIcon { + width: 31.25px; + height: 31.25px; + } + + .arrowIcon { + width: 15.62px; + height: 15.62px; + } + + p { + font-size: 24px; + line-height: 28px; + } + } + + &__title { + height: 218px; + + h1 { + font-size: 48px; + line-height: 56px; + } + } + } }