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%;