From da3ae2baffb0f0629f622a2a7628ab40dd9a6e2a Mon Sep 17 00:00:00 2001
From: ManuelaLuanaSchumackerTavares <manuelaluana.dev@gmail.com>
Date: Thu, 19 Jan 2023 18:28:30 -0300
Subject: [PATCH] =?UTF-8?q?feat(main-content):=20Adapta=20o=20conte=C3=BAd?=
 =?UTF-8?q?o=20principal=20para=20telas=20maiores=20de=202500px?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/main-content.module.scss | 43 +++++++++++++++++++++++--
 1 file changed, 41 insertions(+), 2 deletions(-)

diff --git a/src/components/main-content.module.scss b/src/components/main-content.module.scss
index c95cfeb..0b8f34b 100644
--- a/src/components/main-content.module.scss
+++ b/src/components/main-content.module.scss
@@ -21,13 +21,23 @@
 
       a {
         img {
-          width: auto;
+          width: 100%;
+          height: 16px;
+
+          @media screen and (min-width: 2500px) {
+            height: 31.25px;
+          }
         }
       }
 
       figure {
         img {
-          width: auto;
+          width: 100%;
+          height: 8px;
+
+          @media screen and (min-width: 2500px) {
+            height: 15.62px;
+          }
         }
       }
 
@@ -36,6 +46,13 @@
         font-size: 12px;
         line-height: 14px;
         color: variables.$color-grey;
+        text-transform: uppercase;
+
+        @media screen and (min-width: 2500px) {
+          font-weight: 400;
+          font-size: 24px;
+          line-height: 28px;
+        }
       }
     }
 
@@ -50,6 +67,11 @@
         letter-spacing: 0.1em;
         text-transform: uppercase;
         color: variables.$color-black2;
+
+        @media screen and (min-width: 2500px) {
+          font-size: 48px;
+          line-height: 56px;
+        }
       }
 
       @media screen and (max-width: 1024px) {
@@ -91,6 +113,11 @@
           line-height: 19px;
           color: variables.$color-grey3;
           text-decoration: none;
+
+          @media screen and (min-width: 2500px) {
+            font-size: 32px;
+            line-height: 38px;
+          }
         }
 
         .selected {
@@ -126,6 +153,11 @@
         color: variables.$color-black2;
         margin-bottom: 12px;
 
+        @media screen and (min-width: 2500px) {
+          font-size: 48px;
+          line-height: 56px;
+        }
+
         @media screen and (max-width: 1024px) {
           text-align: center;
         }
@@ -137,6 +169,13 @@
         line-height: 15px;
         color: variables.$color-grey3;
         margin-bottom: 12px;
+
+        @media screen and (min-width: 2500px) {
+          font-size: 26px;
+          line-height: 30px;
+
+          margin-bottom: 24px;
+        }
       }
     }
   }