From 26b5c3052474a92b7cb43e49dad52ba7314df375 Mon Sep 17 00:00:00 2001
From: ManuelaLuanaSchumackerTavares <manuelaluana.dev@gmail.com>
Date: Thu, 19 Jan 2023 19:11:09 -0300
Subject: [PATCH] feat(footer-top): Torna o footer top responsivo para telas
 maiores que 2500px

---
 src/components/footer-top.module.scss | 34 +++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/src/components/footer-top.module.scss b/src/components/footer-top.module.scss
index 66007c1..0328936 100644
--- a/src/components/footer-top.module.scss
+++ b/src/components/footer-top.module.scss
@@ -9,6 +9,10 @@
   display: flex;
   position: relative;
 
+  @media screen and (min-width: 2500px) {
+    height: 297px;
+  }
+
   .footer-wrapper {
     display: flex;
     justify-content: space-between;
@@ -90,6 +94,10 @@
       display: flex;
       gap: 121px;
 
+      @media screen and (min-width: 2500px) {
+        gap: 293px;
+      }
+
       @media screen and (max-width: 1024px) {
         display: none;
       }
@@ -105,6 +113,11 @@
           line-height: 16px;
           text-transform: uppercase;
           color: variables.$color-black3;
+
+          @media screen and (min-width: 2500px) {
+            font-size: 28px;
+            line-height: 33px;
+          }
         }
 
         h4 {
@@ -113,6 +126,11 @@
           line-height: 14px;
           text-transform: capitalize;
           color: variables.$color-black3;
+
+          @media screen and (min-width: 2500px) {
+            font-size: 24px;
+            line-height: 28px;
+          }
         }
 
         a {
@@ -122,6 +140,11 @@
           text-transform: capitalize;
           text-decoration: none;
           color: variables.$color-black3;
+
+          @media screen and (min-width: 2500px) {
+            font-size: 24px;
+            line-height: 28px;
+          }
         }
       }
     }
@@ -141,6 +164,12 @@
     .footer-social-media-wrapper {
       display: flex;
       gap: 10px;
+
+      img {
+        @media screen and (min-width: 2500px) {
+          height: 70px;
+        }
+      }
     }
 
     a {
@@ -149,6 +178,11 @@
       line-height: 16px;
       text-decoration: none;
       color: variables.$color-black3;
+
+      @media screen and (min-width: 2500px) {
+        font-size: 28px;
+        line-height: 33px;
+      }
     }
   }
 }