From 30a10392d62813dec5a7868c7b8865e6e67b7324 Mon Sep 17 00:00:00 2001
From: Bernardo Waldhelm <ernaniwaldhelm@gmail.com>
Date: Fri, 6 Jan 2023 12:25:12 -0300
Subject: [PATCH] feat(home): estilizando main e navbarSubmenu no tablet e
 mobile

home
---
 src/components/Main/Main.module.scss            | 10 ++++++++++
 .../Submenu/NavBar/NavbarSubmenu.module.scss    |  6 +++++-
 src/components/Submenu/Submenu.module.scss      |  6 ++++++
 src/components/Subpages/geral.module.scss       | 17 +++++++++++++++++
 4 files changed, 38 insertions(+), 1 deletion(-)

diff --git a/src/components/Main/Main.module.scss b/src/components/Main/Main.module.scss
index a89ad7d..736b86b 100644
--- a/src/components/Main/Main.module.scss
+++ b/src/components/Main/Main.module.scss
@@ -4,6 +4,11 @@
     width: calc(100% - 200px);
     padding: 0 100px;
 
+    @media #{$mq-tablet}, #{$mq-mobile} {
+        padding: 0 16px;
+        width: calc(100% - 32px);
+    }
+
     &__title {
         font-family: $font-family;
         font-style: normal;
@@ -15,6 +20,11 @@
         color: $color-black2;
         text-align: center;
         margin-bottom: 80px;
+
+        @media #{$mq-desktop}, #{$mq-tablet}, #{$mq-mobile} {
+            font-size: 24px;
+            line-height: 28px;
+        }
     }
 
     &__group {
diff --git a/src/components/Submenu/NavBar/NavbarSubmenu.module.scss b/src/components/Submenu/NavBar/NavbarSubmenu.module.scss
index 790ae55..38d012d 100644
--- a/src/components/Submenu/NavBar/NavbarSubmenu.module.scss
+++ b/src/components/Submenu/NavBar/NavbarSubmenu.module.scss
@@ -10,6 +10,10 @@
         width: 28%;
     }
 
+    @media #{$mq-tablet}, #{$mq-mobile} {
+        width: 100%;
+    }
+
     &__link{
         text-decoration: none;
         font-family: $font-family;
@@ -21,7 +25,7 @@
         width: calc(100% - 32px);
         padding: 10px 16px;
 
-        @media #{$mq-desktop}{
+    @media #{$mq-desktop}, #{$mq-tablet}, #{$mq-mobile} {
             font-size: 16px;
             line-height: 19px;
         }
diff --git a/src/components/Submenu/Submenu.module.scss b/src/components/Submenu/Submenu.module.scss
index 10e5e38..3f91a02 100644
--- a/src/components/Submenu/Submenu.module.scss
+++ b/src/components/Submenu/Submenu.module.scss
@@ -1,5 +1,11 @@
+@import '../../variaveis';
+
 .submenu {
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
+
+    @media #{$mq-tablet}, #{$mq-mobile} {
+        flex-direction: column;
+    }
 }
diff --git a/src/components/Subpages/geral.module.scss b/src/components/Subpages/geral.module.scss
index 857ae7b..cc0777b 100644
--- a/src/components/Subpages/geral.module.scss
+++ b/src/components/Subpages/geral.module.scss
@@ -5,6 +5,12 @@
     padding-left: 30px;
     border-left: 1px solid $color-black;
 
+    @media #{$mq-tablet}, #{$mq-mobile} {
+        width: 100%;
+        border: none;
+        padding: 0;
+    }
+
     &__title {
         font-family: $font-family;
         font-style: normal;
@@ -13,6 +19,17 @@
         line-height: 56px;
         color: $color-black2;
         margin-bottom: 12px;
+
+        @media #{$mq-desktop}, #{$mq-tablet}, #{$mq-mobile} {
+            font-size: 24px;
+            line-height: 28px;
+        }
+
+        @media #{$mq-tablet}, #{$mq-mobile}{
+            text-align: center;
+            margin-top: 30px;
+        }
+
     }
 
     &__paragrafo {