diff --git a/src/components/section/Breadcrumb.module.scss b/src/components/section/Breadcrumb.module.scss index aff3c99..a926b0a 100644 --- a/src/components/section/Breadcrumb.module.scss +++ b/src/components/section/Breadcrumb.module.scss @@ -8,8 +8,17 @@ } img { + &:nth-child(1) { + @media (min-width: 2500px) { + width: 31px; + } + } &:nth-child(2) { margin: 0 10px; + + @media (min-width: 2500px) { + width: 15px; + } } } @@ -18,8 +27,11 @@ font-weight: 400; line-height: 14px; text-transform: uppercase; - color: #C4C4C4; + color: #c4c4c4; + + @media (min-width: 2500px) { + font-size: 24px; + line-height: 28px; + } } } - - diff --git a/src/components/section/InstitucionalContent.module.scss b/src/components/section/ContentAbout.module.scss similarity index 69% rename from src/components/section/InstitucionalContent.module.scss rename to src/components/section/ContentAbout.module.scss index e60aada..99fc7b2 100644 --- a/src/components/section/InstitucionalContent.module.scss +++ b/src/components/section/ContentAbout.module.scss @@ -1,10 +1,15 @@ -.institucionalContent{ +.contentAbout { h2 { margin: 12px 0; font-size: 24px; font-weight: 700; line-height: 28px; + @media (min-width: 2500px) { + font-size: 48px; + line-height: 56px; + } + @media (max-width: 1024px) { margin: 30px 0 12px 0; text-align: center; @@ -21,6 +26,11 @@ margin: 20px 0; } + @media (min-width: 2500px) { + font-size: 26px; + line-height: 30px; + } + @media (max-width: 1024px) { font-size: 12px; line-height: 18px; diff --git a/src/components/section/InstitucionalContent.tsx b/src/components/section/ContentAbout.tsx similarity index 88% rename from src/components/section/InstitucionalContent.tsx rename to src/components/section/ContentAbout.tsx index 24c0180..d7990fa 100644 --- a/src/components/section/InstitucionalContent.tsx +++ b/src/components/section/ContentAbout.tsx @@ -2,11 +2,11 @@ import React from "react"; // Estilos -import styleInstitucionalContent from "./InstitucionalContent.module.scss"; +import styleContent from "./ContentAbout.module.scss"; -const InstitucionalContent = () => { +const ContentAbout = () => { return ( -
@@ -42,4 +42,4 @@ const InstitucionalContent = () => { ); }; -export { InstitucionalContent }; +export { ContentAbout }; diff --git a/src/components/section/NavInstitucional.module.scss b/src/components/section/NavInstitucional.module.scss index 75b7fe8..c712119 100644 --- a/src/components/section/NavInstitucional.module.scss +++ b/src/components/section/NavInstitucional.module.scss @@ -15,6 +15,11 @@ width: 302px; height: 39px; + @media (min-width: 2500px) { + width: 590px; + height: 58px; + } + @media (max-width: 1024px) { width: 100%; } @@ -25,6 +30,11 @@ line-height: 19px; color: #7d7d7d; text-decoration: none; + + @media (min-width: 2500px) { + font-size: 32px; + line-height: 38px; + } } } @@ -34,6 +44,11 @@ a { color: #fff; font-weight: 700; + + @media (min-width: 2500px) { + font-size: 32px; + line-height: 38px; + } } } } diff --git a/src/components/section/SectionAccordion.module.scss b/src/components/section/Section.module.scss similarity index 100% rename from src/components/section/SectionAccordion.module.scss rename to src/components/section/Section.module.scss diff --git a/src/components/section/TitleInstitucional.module.scss b/src/components/section/TitleInstitucional.module.scss index c37403d..4fb546e 100644 --- a/src/components/section/TitleInstitucional.module.scss +++ b/src/components/section/TitleInstitucional.module.scss @@ -1,4 +1,4 @@ -.title { +.titleInstitucional { font-size: 24px; font-weight: 400; line-height: 28px; @@ -6,6 +6,12 @@ text-align: center; margin: 80px 0; + @media (min-width: 2500px) { + font-size: 48px; + line-height: 56px; + letter-spacing: 0.1em; + } + @media (max-width: 1024px) { margin: 80px 0 40px 0; } diff --git a/src/components/section/TitleInstitucional.tsx b/src/components/section/TitleInstitucional.tsx index b4296da..63a1197 100644 --- a/src/components/section/TitleInstitucional.tsx +++ b/src/components/section/TitleInstitucional.tsx @@ -6,7 +6,7 @@ import styleTitleInstitucional from "./TitleInstitucional.module.scss"; const TitleInstitucional = () => { return ( -