react-project/src/components/MainInstitucional/assets/modules/Contato.module.scss

@@ -13,6 +13,10 @@
       font-size: 48px;
       line-height: 56px;
     }
+
+    @media screen and (max-width: 1024px) {
+      text-align: center;
+    }
   }
 
   &__form-col {

react-project/src/components/MainInstitucional/assets/modules/Main.module.scss

@@ -4,6 +4,11 @@
   margin-right: 100px;
   margin-top: 29px;
 
+  @media screen and (max-width: 1024px) {
+    margin-left: 16px;
+    margin-right: 16px;
+  }
+
   &__title {
     color: var(--black-100);
     font-style: normal;
@@ -18,11 +23,19 @@
       font-size: 48px;
       line-height: 56px;
     }
+
+    @media screen and (max-width: 1024px) {
+      margin-bottom: 40px;
+    }
   }
 
   &__wrapperNav {
     display: flex;
 
+    @media screen and (max-width: 1024px) {
+      display: inherit;
+    }
+
     .content {
       align-self: center;
 
@@ -31,12 +44,15 @@
         font-weight: 700;
         font-size: 24px;
         line-height: 28px;
-        margin-bottom: 12px;
 
         @media screen and (min-width: 2500px) {
           font-size: 48px;
           line-height: 56px;
         }
+
+        @media screen and (max-width: 1024px) {
+          text-align: center;
+        }
       }
 
       p {
@@ -44,7 +60,7 @@
         font-weight: 400;
         font-size: 13px;
         line-height: 15px;
-        margin-bottom: 13px;
+        margin-top: 12px;
 
         @media screen and (min-width: 2500px) {
           font-size: 26px;

react-project/src/components/MainInstitucional/assets/modules/Navigation.module.scss

@@ -10,6 +10,14 @@
     height: 465px;
   }
 
+  @media screen and (max-width: 1024px) {
+    width: 100%;
+    height: unset;
+    margin-right: 0;
+    border: none;
+    margin-bottom: 30px;
+  }
+
   li {
     width: inherit;