From 8a6706fc3faf1395b7ad5eb0b18104a1cc2f510e Mon Sep 17 00:00:00 2001
From: Gabriel Gomes <gabrielgms0@hotmail.com>
Date: Thu, 13 Oct 2022 20:07:58 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20Adiciona=20estiliza=C3=A7=C3=A3o=20e=20?=
 =?UTF-8?q?responsividade=20do=20bottom-infocard?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/CSS/main.css | 45 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)

diff --git a/assets/CSS/main.css b/assets/CSS/main.css
index 5789af8..aefc056 100644
--- a/assets/CSS/main.css
+++ b/assets/CSS/main.css
@@ -149,6 +149,27 @@ body {
     text-align: center;
 }
 
+.bottom-infocard {
+    display: block;
+}
+
+.bottom-infocard-text {
+    max-width: 550px;
+    margin: 0 auto;
+}
+
+.bottom-infocard-title {
+    font-size: 32px;
+    font-weight: 600;
+    text-align: center;
+}
+
+.bottom-infocard-description {
+    font-size: 16px;
+    text-align: center;
+    line-height: 24px;
+}
+
 @media screen and (max-width:1024px) {
     .middle-banner-container {
         display: grid;
@@ -235,6 +256,17 @@ body {
     .bottom-cards {
         grid-template-columns: 1fr;
     }
+
+    .bottom-infocard-title {
+        max-width: 315px;
+        margin: 0 auto;
+        padding: 0 0 9px 0;
+    }
+
+    .bottom-infocard-description {
+        max-width: 350px;
+        margin: 0 auto;
+    }
 }
 
 @media screen and (min-width: 415px) {
@@ -250,4 +282,17 @@ body {
     .bottom-cards {
         padding: 80px 24px 98px 24px;
     }
+
+    .bottom-infocard {
+        display: flex;
+        flex-direction: column-reverse;
+    }
+
+    .bottom-infocard-title {
+        font-size: 24px;
+    }
+    
+    .bottom-infocard-description {
+        padding-bottom: 88px;
+    }
 }