From a6b542ec2b683bd4b078b7e61285f02881d6a69f Mon Sep 17 00:00:00 2001
From: Douglas Nobrega <dougrete2014@outlook.com>
Date: Wed, 12 Oct 2022 21:06:23 -0300
Subject: [PATCH] Ajustando aos tamanos de tela 2k

---
 assets/styles/style.css | 43 ++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 42 insertions(+), 1 deletion(-)

diff --git a/assets/styles/style.css b/assets/styles/style.css
index 3b44d69..7bdfaff 100644
--- a/assets/styles/style.css
+++ b/assets/styles/style.css
@@ -175,6 +175,7 @@ body {
     line-height: 24px;
     text-align: center;
     padding-bottom: 50px;
+    max-width: 550px;
     color: #000000;
 }
 
@@ -368,7 +369,47 @@ body {
     }
 }
 
-@media screen and (min-width: 1441px) and (max-width: 2000px) {
+@media screen and (min-width: 2000px) and (max-width: 3799px) {
+    .top-infocard {
+        display: flex;
+        align-items: center;
+    }
+
+    .top-infocard-subtitle {
+        font-size: 2em;
+    }
+
+    .top-infocard-title {
+        font-size: 3em;
+    }
+
+    .top-infocard-description {
+        font-size: 1.2em;
+    }
+
+    .top-card-description {
+        font-size: 1.2em;
+    }
+
+    .bottom-middle-description {
+        font-size: 1.2em;
+    }
+
+    .bottom-text-title {
+        font-size: 3em;
+    }
+
+    .bottom-text-description {
+        font-size: 1.2em;
+        padding-top: 10px;
+    }
+
+    .footer-text {
+        font-size: 1em;
+    }
+}
+
+@media screen and (min-width: 3799px) and (max-width: 4000px) {
     .top-infocard {
         display: flex;
         align-items: center;