src/index.css

@@ -7,7 +7,7 @@ body {
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  /* background-color: gray; */
+  background-color: gray;
 }
 
 code {

src/pages/Intitucional/Contato.module.scss

@@ -8,6 +8,12 @@
     font-size: 14px;
     line-height: 16px;
 
+    @media (min-width: 2500px) {
+        font-size: 28px;
+        line-height: 32px;
+
+    }
+
     @media (min-width: 1025px) {
         width: 100%;
         padding: 0px;
@@ -18,7 +24,7 @@
     }
 
     input {
-        padding: 15px 20px;
+        padding: 14px 20px;
         border: 1px solid #100D0E;
         border-radius: 25px;
         font-family: "Roboto";
@@ -29,9 +35,26 @@
         color: #000;
         outline: none;
 
-        &::placeholder {
-            color: gray;
+
+        @media (min-width: 2500px) {
+            font-size: 28px;
+            line-height: 33px;
+
+
         }
+    }
+
+    &::placeholder {
+        color: gray;
+
+        @media (min-width: 2500px) {
+            font-size: 28px;
+            line-height: 33px;
+
+
+
+        }
+
 
     }
 
@@ -39,6 +62,7 @@
 
     .invalid {
         border: 1px solid red;
+
     }
 
     .error {
@@ -50,12 +74,13 @@
         font-size: 12px;
         line-height: 14px;
         color: red;
-    }
 
-    .form-ivalid-feedback {
-        background-color: aqua;
-    }
+        @media (min-width: 2500px) {
+            font-size: 24px;
+            line-height: 28px;
 
+        }
+    }
 
 
     button {
@@ -63,6 +88,13 @@
         background: #000;
         border-radius: 25px;
         color: #fff;
+
+        @media (min-width: 2500px) {
+            padding: 14.5px;
+            font-size: 32px;
+            line-height: 38px;
+
+        }
     }
 
     .checkbox_wrapper {
@@ -81,6 +113,12 @@
             border: 1px solid #000;
             border-radius: 3px;
             margin: 0 4px;
+
+            @media (min-width: 2500px) {
+                width: 36.4px;
+                height: 35.15px;
+
+            }
         }
     }
 

src/pages/Intitucional/Contato.tsx

@@ -83,7 +83,7 @@ export const Contato = () => {
                             name="data" as={InputMask} mask="99.99.9999"
                             type="string"
                             placeholder="00.00.0000"
-                            className={errors.data && touched.data && style["invalid"]}
+                            className={touched.data && style["invalid"]}
                         />
                         <label className={style["label__form"]} htmlFor="telefone">Telefone:</label>
                         <span className={style["error"]}>