diff --git a/react-project/src/components/MainInstitucional/assets/modules/Contato.module.scss b/react-project/src/components/MainInstitucional/assets/modules/Contato.module.scss index 9e0b0d7..82f161b 100644 --- a/react-project/src/components/MainInstitucional/assets/modules/Contato.module.scss +++ b/react-project/src/components/MainInstitucional/assets/modules/Contato.module.scss @@ -13,6 +13,10 @@ font-size: 48px; line-height: 56px; } + + @media screen and (max-width: 1024px) { + text-align: center; + } } &__form-col { diff --git a/react-project/src/components/MainInstitucional/assets/modules/Main.module.scss b/react-project/src/components/MainInstitucional/assets/modules/Main.module.scss index 36375f2..4e811c6 100644 --- a/react-project/src/components/MainInstitucional/assets/modules/Main.module.scss +++ b/react-project/src/components/MainInstitucional/assets/modules/Main.module.scss @@ -4,6 +4,11 @@ margin-right: 100px; margin-top: 29px; + @media screen and (max-width: 1024px) { + margin-left: 16px; + margin-right: 16px; + } + &__title { color: var(--black-100); font-style: normal; @@ -18,11 +23,19 @@ font-size: 48px; line-height: 56px; } + + @media screen and (max-width: 1024px) { + margin-bottom: 40px; + } } &__wrapperNav { display: flex; + @media screen and (max-width: 1024px) { + display: inherit; + } + .content { align-self: center; @@ -31,12 +44,15 @@ font-weight: 700; font-size: 24px; line-height: 28px; - margin-bottom: 12px; @media screen and (min-width: 2500px) { font-size: 48px; line-height: 56px; } + + @media screen and (max-width: 1024px) { + text-align: center; + } } p { @@ -44,7 +60,7 @@ font-weight: 400; font-size: 13px; line-height: 15px; - margin-bottom: 13px; + margin-top: 12px; @media screen and (min-width: 2500px) { font-size: 26px; diff --git a/react-project/src/components/MainInstitucional/assets/modules/Navigation.module.scss b/react-project/src/components/MainInstitucional/assets/modules/Navigation.module.scss index c2840cc..84f043f 100644 --- a/react-project/src/components/MainInstitucional/assets/modules/Navigation.module.scss +++ b/react-project/src/components/MainInstitucional/assets/modules/Navigation.module.scss @@ -10,6 +10,14 @@ height: 465px; } + @media screen and (max-width: 1024px) { + width: 100%; + height: unset; + margin-right: 0; + border: none; + margin-bottom: 30px; + } + li { width: inherit;