From 78d66e3b13a5dcb44a99c78bb4d4c481f8c77469 Mon Sep 17 00:00:00 2001
From: Savio <savio.96@hotmail.com>
Date: Wed, 12 Oct 2022 10:06:52 -0300
Subject: [PATCH] fix(home): Conserto da posicao relativa do banner do meio
 desktop

---
 assets/css/style.css | 13 ++++++++++---
 index.html           |  9 +++------
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 64a428c..9b04c11 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -98,6 +98,7 @@ body {
   justify-content: center;
   background: #e0e0e0;
   width: 100%;
+  margin-bottom: 192px;
 }
 
 .image-01 {
@@ -115,8 +116,10 @@ body {
   grid-template-areas: "image01 image02 image03";
   width: 88%;
   gap: 40px;
+  position: relative;
+  bottom: -62px;
 }
-.imagens {
+.mb-imagens {
   width: 100%;
 }
 @media screen and (max-width: 1023px) {
@@ -124,10 +127,12 @@ body {
     display: none;
   }
   .top-infocard {
-    padding-bottom: 90px;
+    padding: 73px 0 90px;
+    margin: 0 28px 0;
   }
   .top-inforcard-text {
-    margin: 0 28px 0;
+    margin-bottom: 65px;
+    max-width: 100%;
   }
 
   .top-infocard-subtitle {
@@ -147,8 +152,10 @@ body {
   .top-cards {
     display: flex;
     flex-direction: column;
+    justify-content: center;
     gap: 24px;
     margin: 0 32px 80px;
+    width: 85%;
   }
 }
 @media screen and (min-width: 1024px) {
diff --git a/index.html b/index.html
index 0e249ee..c7637fa 100644
--- a/index.html
+++ b/index.html
@@ -85,21 +85,18 @@
                 </figcaption>
             </figure>
         </section>
-
-
-
         <section class="middle-banners">
             <div class="middle-banners-wrapper">
                 <figure class="middle-banner image-01">
-                    <img class="imagens" src="/assets/imagens/middle-banner-image-01.png"
+                    <img class="mb-imagens" src="/assets/imagens/middle-banner-image-01.png"
                         alt="Imagem do Banner do Meio">
                 </figure>
                 <figure class="middle-banner image-02">
-                    <img class="imagens" src="/assets/imagens/middle-banner-image-02.png"
+                    <img class="mb-imagens" src="/assets/imagens/middle-banner-image-02.png"
                         alt="Imagem do Banner do Meio">
                 </figure>
                 <figure class="middle-banner image-03">
-                    <img class="imagens" src="/assets/imagens/middle-banner-image-03.png"
+                    <img class="mb-imagens" src="/assets/imagens/middle-banner-image-03.png"
                         alt="Imagem do Banner do Meio">
                 </figure>
             </div>