feat: Adiciona infocard topo mobile

assets/styles/main.css

@@ -85,3 +85,54 @@ body{
     }
 }
 
+@media screen and (max-width:1024px) {
+    .top-infocard{
+        gap:65px;
+    }
+
+    .top-infocard-text{
+        max-width:86%;
+    }
+    
+    .top-infocard-subtitle{
+        font-size: 20px;
+    }
+
+    .top-infocard-title{
+        font-size: 28px;
+    }
+
+    .top-infocard-description{
+        text-align: center;
+    }
+
+    .figure-infocard{
+        display: flex;
+        width: 58%;
+    }
+
+    .top-infocard-image{
+        margin: 0 auto;
+        min-width: 0;
+    }
+}
+
+@media screen and (min-width:2500px){
+    .top-infocard-subtitle{
+        font-weight: 400;
+        font-size: 64px;
+        text-transform: uppercase;
+    }
+    
+    .top-infocard-title{
+        margin-bottom: 28px;
+        font-weight: 500;
+        font-size: 96px;
+        text-transform: uppercase;
+    }
+    
+    .top-infocard-description{
+        font-size: 32px;
+        line-height: 48px;
+    }
+}