From 34ef3c5663c4dd8cd3ff059264736d18215da15b Mon Sep 17 00:00:00 2001
From: Samuel <samuelcondackxz@gmail.com>
Date: Wed, 12 Oct 2022 21:15:24 -0300
Subject: [PATCH] Modifica a responsividade do site

---
 styles/style.css | 55 ++++++++++++++++++++++++++++++------------------
 1 file changed, 35 insertions(+), 20 deletions(-)

diff --git a/styles/style.css b/styles/style.css
index dbc9cba..6ea720a 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -96,12 +96,12 @@
 .image-row-background {
     background-color: #E0E0E0;
     max-height: 530px;
-    padding: 62px 72px 0px 72px;
+    padding: 0px 72px 0px 72px;
 }
 
 .image-row-wrapper {
     position: relative;
-    bottom: -25px;
+    bottom: -50px;
 }
 
 .image-row-desktop {
@@ -282,6 +282,18 @@
         flex-direction: column;
     }
 
+    .image-row-wrapper {
+        bottom: -20px;
+    }
+
+    .image-row-background {
+        height: 579px;
+    }
+
+    .row-image-desktop {
+        display: none;
+    }
+
     .second-card {
         display: flex;
         flex-direction: column;
@@ -291,7 +303,6 @@
 
     .second-card {
         flex-direction: column;
-        
     }
 
     .second-card-p {
@@ -302,7 +313,9 @@
     .bottom-banner-desktop {
         display: none;
     }
-
+    .bottom-banner-img {
+        width: 60%;
+    }
     .second-content {
         padding: 50px 32px;
     }
@@ -316,16 +329,6 @@
     }
 }
 
-@media screen and (max-width: 1024px) {
-    .image-row-background {
-        height: 579px;
-    }
-
-    .row-image-desktop {
-        display: none;
-    }
-}
-
 @media screen and (min-width: 1025px){
     .image-row-mobile1 {
         display: none;
@@ -348,12 +351,24 @@
     }
 }
 
-@media screen and (max-width: 369px) {
-    .image-row-mobile1 {
+@media screen and (max-width: 500px) {
+    .row-image-mobile {
+        width: 70%;
+    }
+
+    .image-row-background {
+        height: auto;
+    }
+
+    .image-row-wrapper {
+        bottom: -30px;
+    }
+
+    .row-image-mobile2 {
+        width: 150%;
+    }
+
+    .bottom-banner-img {
         width: 100%;
     }
-    
-    .image-row-mobile2 {
-        width: 100px;
-    }
 }
\ No newline at end of file