fix(css): Ajuste de responsividade mobile

style/style.css

@@ -61,26 +61,29 @@ header {
     display: block;
 }
 
+/* Media Queries */
 
-@media screen and (min-width:280px) and (max-width: 768px) {
+@media screen and (min-width:280px) and (max-width: 1023px) {
+
+    /* Banner Principal */
     .banner-principal-desktop {
         display: none;
-
     }
 
+    .banner-principal-mobile {
+        object-fit: cover;
+    }
 
+    /* Infocard */
     .container-infocard {
-        display: flex;
         flex-direction: column;
-        align-items: center;
-
+        padding: 84px 30px 158px;
     }
 
     .infocard-text {
+        margin: 0 0 68px;
         width: 100%;
-        max-width: 357px;
-        margin: 1.875rem;
-
+        max-width: 360px;
     }
 
     .infocard-text h1 {
@@ -91,25 +94,22 @@ header {
     }
 
     .infocard-text h2 {
-        max-width: 14.6875rem;
         font-size: 20px;
         font-weight: 400;
     }
 
     .infocard-text p {
         font-size: 1rem;
-        line-height: 1.5rem;
+        line-height: 24px;
     }
 
     .banner-infocard {
         height: 15rem;
         width: 15rem;
-        margin: 68px 88px 157px;
     }
-
 }
 
-@media (min-width:415px) {
+@media (min-width:1024px) {
     .banner-principal-mobile {
         display: none;
     }