styles/style.css

@@ -28,7 +28,7 @@ body{
 
 .top-infocard{
     display: flex;
-    align-itens: center;
+    align-items: center;
     justify-content: center;
     padding: 80px 0 96px;
 }
@@ -85,17 +85,26 @@ body{
     .top-infocard-image{
         width: 100%;
         max-width: 240px;
-        margin: auto;
 
     }
 }
 
-@media screen and (min-width: 993px) and (max-width: 1200px) {
-
+@media screen and (min-width: 993px) and (max-width: 1280px) {
+    .top-infocard-text{
+        max-width: 520px;
+        margin-right: 70px;
+    }
 }
 
 @media screen and (min-width: 415px){
     .main-banner-mobile{
         display: none;
     }
+}
+
+@media screen and (max-width: 415px){
+    .main-banner-mobile{
+        max-width: 415px;
+        width: 100%;
+    }
 }