diff --git a/assets/styles/main.css b/assets/styles/main.css
index 5620177..31dff8e 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -25,8 +25,16 @@ body {
     width: 100%;
  }
 
+ .main-banner {
+    width: 100%;
+}
+
  @media screen and (max-width: 768px) {
     .header-logo {
         padding: 24px 0 33px;
     }
+
+    .main-banner {
+        content: url('../image/main-banner-mobile.png');
+    }      
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index b93c9e6..ebbd8b7 100644
--- a/index.html
+++ b/index.html
@@ -21,6 +21,12 @@
         </header>
 
         <main>
+
+            <div>
+
+                <img class="main-banner" src="assets/image/main-banner-desktop.png" alt="Banner Principal">
+
+            </div>
             
         </main>