Merge pull request 'development' (#12) from development into main

Reviewed-on: #12

css/style.css

@@ -68,6 +68,7 @@ body{
 .top-infocard-image{
     display: block;
     margin-top: 74px;
+    width: 100%;
 }
 
 /*** TOP CARDS ***/
@@ -96,6 +97,9 @@ body{
     align-items: center;
     max-width: 85%;
     margin: 28px auto;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 24px;
 }
 
 /*** MID BANNER ***/
@@ -140,7 +144,7 @@ body{
     margin-left: auto;
     margin-right: auto;
     margin-top: 108px;
-    max-width: 70%;
+    width: 100%;
 }
 
 .bottom-infocard-title{
@@ -162,6 +166,7 @@ body{
     margin-left: auto;
     margin-right: auto;
     width: 100%;
+    padding: 0 14% 0;
     margin-top: 50px;
 }
 
@@ -279,7 +284,6 @@ body{
         margin-left: 0;
         margin-right: 0;
         max-width: 100%;
-        
     }
 
     .bottom-infocard-title{
@@ -329,5 +333,56 @@ body{
 
 /*** 2500 px ***/
 @media (min-width: 2500px){
+    /*** TOP INFOCARD ***/
+    .top-infocard-subtitle{
+        font-size: 64px;
+        line-height: 78px;   
+    }
 
+    .top-infocard-title{
+        font-size: 96px;
+        line-height: 116px;
+    }
+
+    .top-infocard-description{
+        font-size: 32px;
+        line-height: 48px;
+    }
+
+    .top-infocard-image{
+        width: 470px;
+    }
+
+    /*** CARDS ***/
+    .card-description{
+        font-size: 32px;
+        line-height: 48px;
+    }
+
+    .card-image{
+        width: 150px;
+        height: 150px;
+    }
+
+    /*** BOTTOM INFOCARD ***/
+    .bottom-infocard-title{
+        font-size: 64px;
+        line-height: 78px;
+    }
+
+    .bottom-infocard-description{
+        font-size: 32px;
+        line-height: 48px;
+        margin: 0 auto 0;
+    }
+
+    .bottom-infocard{
+        display: grid;
+    }
+
+     /*** FOOTER ***/
+    .copyright{
+        font-size: 20px;
+        line-height: 24px;
+    }
 }