styles/style.css

@@ -308,6 +308,47 @@ body{
         max-width: 400px;
     }
 }
-
+@media screen and (min-width: 1281px){
+    .top-infocard-title{
+        font-size: 54px;
+    }
+
+    .top-infocard-subtitle{
+        font-size: 42px;
+    }
+
+    .top-infocard-description{
+        font-size: 22px;
+    }
+
+    .top-card-description{
+        font-size: 22px;
+    }
+
+    .bottom-card-description{
+        font-size: 22px;
+    }
+
+    .bottom-infocard-title{
+        font-size: 40px;
+    }
+
+    .bottom-infocard-description{
+        font-size: 22px;
+    }
+
+    .footer-text{
+        text-align: center;
+        max-width: 800px;
+        font-size: 16px;
+    }
+
+}
+
+@media screen and (min-width: 2000px){
+    .bottom-cards-wrapper{
+        grid-template-columns: repeat(4, max-content);
+    }
+}