assets/css/style.css

@@ -30,10 +30,8 @@ body {
   flex-direction: column;
   align-items: center;
   padding: 74px 0 180px;
-}
-
-.top-inforcard-text {
   max-width: 40%;
+  margin: 0 auto 0;
 }
 
 .top-infocard-subtitle {
@@ -59,7 +57,7 @@ body {
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
-  line-height: 150%;
+  line-height: 24px;
   margin-bottom: 74px;
   text-align: center;
 }
@@ -136,7 +134,7 @@ body {
   flex-direction: column;
   align-items: center;
   background: #ffffff;
-  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23);
+  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
 }
 
 .bottom-card-image {
@@ -218,10 +216,10 @@ body {
   .top-infocard {
     padding: 73px 32px 90px;
     margin: 0 auto 0;
+    max-width: 100%;
   }
   .top-inforcard-text {
     margin-bottom: 65px;
-    max-width: 100%;
   }
 
   .top-infocard-subtitle {
@@ -307,3 +305,26 @@ body {
     display: none;
   }
 }
+
+@media screen and (min-width: 2500px) {
+  .page-header {
+    padding: 56px 0;
+  }
+  .header-logo {
+    width: 200%;
+  }
+  .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-picture {
+  }
+}

index.html

@@ -45,7 +45,7 @@
                     dui.
                 </p>
             </div>
-            <figure>
+            <figure class="top-infocard-picture">
                 <img class="top-infocard-image" src="./assets/imagens/top-infocard-image.png"
                     alt="Banner do Infocard do Topo">
             </figure>
@@ -164,6 +164,8 @@
                     alt="Banner do Infocard de Baixo Mobile">
             </figure>
         </section>
+
+    </main>
     <footer class="page-footer">
         <ul class="footer-icons">
             <li class="footer-icon">
@@ -186,7 +188,6 @@
             Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00
         </p>
     </footer>
-    </main>
 </body>
 
 </html>