From 6d4aefc12c2844830baf714fbfa9681d7de73b1a Mon Sep 17 00:00:00 2001
From: Nicolly Vieira <nicollyvscosta@gmail.com>
Date: Tue, 11 Oct 2022 08:54:30 -0300
Subject: [PATCH] feat(index): cria estilo para o banner principal no desktop e
 mobile

---
 styles/main.css | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/styles/main.css b/styles/main.css
index 8a4608c..b0d2cc0 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -1,3 +1,4 @@
+/*Header*/
 * {
     margin: 0;
     box-sizing: border-box;
@@ -14,4 +15,30 @@
     display: block;
 
     padding: 30px 0;
+}
+
+/*Main Banner*/
+.main-banner {
+    width: 100%;
+}
+
+.main-banner-desktop {
+    display: block;
+}
+
+.main-banner-mobile {
+    display: none;
+}
+
+@media screen and (max-width: 1024px) {
+    /*Banner*/
+    .main-banner-desktop {
+        display: none;
+    }
+
+    .main-banner-mobile {
+        display: block;
+        max-height: 598px;
+        object-fit: cover;
+    }
 }
\ No newline at end of file
-- 
2.34.1