diff --git a/src/components/main/Main.tsx b/src/components/main/Main.tsx
index 461d946..c41a0c0 100644
--- a/src/components/main/Main.tsx
+++ b/src/components/main/Main.tsx
@@ -10,7 +10,7 @@ const Main = () => {
-
Institucional
+
Institucional
diff --git a/src/styles/App.scss b/src/styles/App.scss
index 74b5e05..90e9f66 100644
--- a/src/styles/App.scss
+++ b/src/styles/App.scss
@@ -24,9 +24,6 @@
color: white;
}
-.App-link {
- color: #61dafb;
-}
@keyframes App-logo-spin {
from {
diff --git a/src/styles/Contato.module.scss b/src/styles/Contato.module.scss
index e232dda..2bfc0b4 100644
--- a/src/styles/Contato.module.scss
+++ b/src/styles/Contato.module.scss
@@ -121,3 +121,4 @@ button:active {
padding: 0;
}
}
+
diff --git a/src/styles/Devolucao.module.scss b/src/styles/Devolucao.module.scss
index 78b410f..3d0cdfd 100644
--- a/src/styles/Devolucao.module.scss
+++ b/src/styles/Devolucao.module.scss
@@ -38,3 +38,14 @@
}
}
+@media (min-width: 2500px) {
+ .devolucao__title{
+ font-size: 48px;
+ line-height: 56px;
+ }
+
+ .devolucao__description{
+ font-size: 26px;
+ line-height: 30px
+ }
+}
diff --git a/src/styles/Entrega.module.scss b/src/styles/Entrega.module.scss
index 566d931..c536a19 100644
--- a/src/styles/Entrega.module.scss
+++ b/src/styles/Entrega.module.scss
@@ -38,3 +38,14 @@
}
}
+@media (min-width: 2500px) {
+ .entrega__title{
+ font-size: 48px;
+ line-height: 56px;
+ }
+
+ .entrega__description{
+ font-size: 26px;
+ line-height: 30px
+ }
+}
diff --git a/src/styles/Footer.module.scss b/src/styles/Footer.module.scss
index 8f40097..6f72cc9 100644
--- a/src/styles/Footer.module.scss
+++ b/src/styles/Footer.module.scss
@@ -131,6 +131,7 @@ footer {
.footer__container-bandeiras{
display: flex;
+ padding: 15px 0px;
width: 40%;
justify-content: space-between;
@@ -156,7 +157,7 @@ footer {
}
img {
- width: 10%;
+ width: 15%;
}
}
@@ -209,3 +210,52 @@ footer {
}
}
+@media (min-width: 2500px) {
+ footer {
+ .footer__newsletter{
+ .footer__newsletter-form{
+ label {
+ font-size: 36px;
+ line-height: 42px;
+
+ }
+ .footer__newsletter-input{
+ button{
+ font-size: 24px;
+ line-height: 28px;
+ }
+
+ }
+ }
+ }
+
+ .footer__top {
+ .footer__infos{
+ .footer__info-title{
+ font-size: 28px;
+ line-height: 33px;
+ }
+ .footer__info{
+ font-size: 24px;
+ line-height: 28px;
+ }
+ }
+ .footer__redes p{
+ font-size: 28px;
+ line-height: 33px;
+ }
+ }
+
+ .footer__bottom {
+ .footer__text-bottom {
+ font-size: 20px;
+ line-height: 23px;
+ }
+ .footer__certificate p{
+ font-size: 20px;
+ line-height: 23px;
+ }
+ }
+
+ }
+}
diff --git a/src/styles/Header.module.scss b/src/styles/Header.module.scss
index d67af83..e1aae31 100644
--- a/src/styles/Header.module.scss
+++ b/src/styles/Header.module.scss
@@ -19,7 +19,6 @@ header {
.header__logo{
width: 10.63%;
- height: 25.86px;
}
.header__container-input{
@@ -39,7 +38,7 @@ header {
padding-left: 16px;
}
.header__search-icon{
- height: 18px;
+
position: absolute;
color: #303030;
margin-right: 7px;
@@ -59,9 +58,7 @@ header {
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}
- .header__cart{
- height: 28px;
- }
+
}
}
@@ -126,3 +123,23 @@ header {
}
}
+
+@media (min-width: 2500px) {
+ header {
+ .header__top{
+ .header__my-account-cart{
+ .header__account{
+ font-size: 28px;
+ line-height: 33px;
+ }
+ }
+ }
+.header__botton {
+ .header__botton-nav-text{
+ font-size: 28px;
+ line-height: 33px;
+ }
+}
+
+ }
+}
diff --git a/src/styles/Institucional.module.scss b/src/styles/Institucional.module.scss
index 8094622..7aeff26 100644
--- a/src/styles/Institucional.module.scss
+++ b/src/styles/Institucional.module.scss
@@ -75,3 +75,17 @@
margin-top: 22px;
}
}
+
+@media (min-width: 2500px) {
+ .inst__container li {
+ font-size: 32px;
+ line-height: 38px;
+
+ }
+
+ .title {
+ font-size: 48px;
+ line-height: 56px;
+ letter-spacing: 0.1em;
+ }
+}
diff --git a/src/styles/Main.module.scss b/src/styles/Main.module.scss
index 40668ea..7945473 100644
--- a/src/styles/Main.module.scss
+++ b/src/styles/Main.module.scss
@@ -7,7 +7,11 @@
.main__home {
width: 15.69%;
- height: 16px;
+
+ }
+
+ .main__arrow{
+ width: 7%;
}
@@ -27,3 +31,13 @@
padding: 29px 16px;
}
}
+
+@media (min-width: 2500px) {
+ .main__route{
+ .container__main-title {
+ font-size: 24px;
+ line-height: 28px;
+ }
+
+ }
+}
diff --git a/src/styles/Pagamento.module.scss b/src/styles/Pagamento.module.scss
index df79aa6..42222a5 100644
--- a/src/styles/Pagamento.module.scss
+++ b/src/styles/Pagamento.module.scss
@@ -38,3 +38,14 @@
}
}
+@media (min-width: 2500px) {
+ .pagamento__title{
+ font-size: 48px;
+ line-height: 56px;
+ }
+
+ .pagamento__description{
+ font-size: 26px;
+ line-height: 30px
+ }
+}
diff --git a/src/styles/Seguranca.module.scss b/src/styles/Seguranca.module.scss
index d5c3608..0de2d49 100644
--- a/src/styles/Seguranca.module.scss
+++ b/src/styles/Seguranca.module.scss
@@ -39,3 +39,15 @@
}
}
+@media (min-width: 2500px) {
+ .seguranca__title{
+ font-size: 48px;
+ line-height: 56px;
+ }
+
+ .seguranca__description{
+ font-size: 26px;
+ line-height: 30px
+ }
+}
+
diff --git a/src/styles/Sobre.module.scss b/src/styles/Sobre.module.scss
index c59346e..59e5b5c 100644
--- a/src/styles/Sobre.module.scss
+++ b/src/styles/Sobre.module.scss
@@ -39,3 +39,15 @@
}
}
+@media (min-width: 2500px) {
+ .sobre__title{
+ font-size: 48px;
+ line-height: 56px;
+ }
+
+ .sobre__description{
+ font-size: 26px;
+ line-height: 30px
+ }
+}
+