From 6700d94f3b094612478d8fc8e6a453c02ca56cbc Mon Sep 17 00:00:00 2001
From: ManuelaLuanaSchumackerTavares <manuelaluana.dev@gmail.com>
Date: Thu, 19 Jan 2023 18:42:58 -0300
Subject: [PATCH] feat(newsletter-responsive): Torna a newsletter responsiva
 para telas maiores de 2500px

---
 src/components/newsletter.module.scss | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/src/components/newsletter.module.scss b/src/components/newsletter.module.scss
index e9b6cfc..54368c2 100644
--- a/src/components/newsletter.module.scss
+++ b/src/components/newsletter.module.scss
@@ -6,6 +6,10 @@
   border-top: 1px solid variables.$color-black;
   background: variables.$color-white;
 
+  @media screen and (min-width: 2500px) {
+    height: 141.24px;
+  }
+
   @media screen and (max-width: 1024px) {
     height: auto;
   }
@@ -38,6 +42,11 @@
 
       margin-bottom: 8px;
 
+      @media screen and (min-width: 2500px) {
+        font-size: 36px;
+        line-height: 42px;
+      }
+
       @media screen and (max-width: 1024px) {
         font-size: 14px;
         line-height: 16px;
@@ -68,6 +77,10 @@
           border: 1px solid variables.$color-grey2;
           border-radius: 4px;
 
+          @media screen and (min-width: 2500px) {
+            min-width: 668px;
+          }
+
           @media screen and (max-width: 1024px) {
             min-width: 100%;
           }
@@ -78,6 +91,11 @@
           font-size: 14px;
           line-height: 16px;
           color: variables.$color-grey;
+
+          @media screen and (min-width: 2500px) {
+            font-size: 28px;
+            line-height: 33px;
+          }
         }
 
         .form-feedback {
@@ -108,6 +126,12 @@
         letter-spacing: 0.05em;
         color: variables.$color-white;
 
+        @media screen and (min-width: 2500px) {
+          width: 246px;
+
+          font-size: 24px;
+        }
+
         @media screen and (max-width: 1024px) {
           width: 100%;
         }