From 6cd877b683e4f947e3560df3753d69a6663e6571 Mon Sep 17 00:00:00 2001
From: Yan Garriga <yan.pg7@gmail.com>
Date: Thu, 13 Oct 2022 18:43:08 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20altera=C3=A7=C3=B5es=204k=20e=20680a=20?=
 =?UTF-8?q?1025px?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/styles.css/main.css | 96 ++++++++++++++++++++++++++++++++++++--
 1 file changed, 92 insertions(+), 4 deletions(-)

diff --git a/assets/styles.css/main.css b/assets/styles.css/main.css
index 954752c..e88bc3c 100644
--- a/assets/styles.css/main.css
+++ b/assets/styles.css/main.css
@@ -130,7 +130,6 @@ body {
     justify-content: center;
     text-align: center;
     margin: 0 4%;
-    width: 92.5vw;
     padding-top: 7%;
     max-width: 100%;
     gap: 16px;
@@ -341,10 +340,10 @@ body {
     .page-footer {
         padding: 20px 0;
         font-size: 12px;
-    }    
+    }   
 }
 
-@media screen and (min-width: 1026px) {
+@media screen and (min-width: 1025px) {
     .main-banner-mobile {
         display: none;
     }
@@ -358,11 +357,100 @@ body {
     }
 }
 
+@media screen and (min-width: 680px) and (max-width: 1025px) {
+    .main-banner-mobile {
+        display: none;
+    }
+    
+    .main-banner-desktop {
+        display: block;
+    }
+
+    .bottom-infocard-desktop {
+        display: block;
+        margin: 0 250px;
+        padding-bottom: 50px;
+    }
+
+    .bottom-infocard-mobile {
+        display: none;
+    }
+
+    .bottom-banner-image-mobile {
+        display: none;
+    }
+
+    .bottom-banner-image-desktop {
+        display: block;
+    }
+
+    .bottom-infocard-group {
+        margin: 0;
+    }
+    
+    .bottom-infocard-group {
+        padding: 0;
+        margin: 0;
+    }
+
+    .bottom-infocard-tittle {
+        font-size: 24px;
+    }
+
+    .bottom-infocard-paragraph {
+        font-size: 14px;
+    }
+
+    .bottom-card {
+        padding-bottom: 90px;
+    }
+
+    .top-infocard-subtitle {
+        margin-top: 0;
+    }
+
+    .top-infocard-image {
+        width: 30%;
+    }
+}
+
 @media screen and (min-width: 2000px) {
     .middle-banner-desktop {
         width: 0%;
     }
-    
+
+    .top-infocard-title {
+        font-size: 70px;
+    }
+
+    .top-infocard-subtitle {
+        font-size: 50px;
+        margin-bottom: 35px;
+    }
+
+    .top-infocard-description {
+        font-size: 22px;
+        padding-top: 20px;
+    }
+
+    .top-card-description {
+        font-size: 22px;
+    }
+
+    .bottom-card-text {
+        font-size: 22px;
+        margin: 0 5px 10px;
+    }
+
+    .bottom-infocard-tittle {
+        font-size: 50px;
+    }
+
+    .bottom-infocard-paragraph {
+        font-size: 26px;
+        line-height: 40px;
+    }
+
     .middle-banner-group {
     padding: 0 15%;
     top: 35%;