diff --git a/assets/images/main-banner-desktop.png b/assets/images/main-banner-desktop.png
new file mode 100644
index 0000000..cab0a60
Binary files /dev/null and b/assets/images/main-banner-desktop.png differ
diff --git a/assets/images/main-banner-mobile.png b/assets/images/main-banner-mobile.png
new file mode 100644
index 0000000..5118021
Binary files /dev/null and b/assets/images/main-banner-mobile.png differ
diff --git a/assets/styles/main.css b/assets/styles/main.css
index a2502bf..d591648 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -15,3 +15,20 @@
display: block;
}
+.main-banner {
+ width: 100%;
+}
+
+@media screen and (max-width: 414px) { /*esse pixel pq é o tamanho maximo da imagem banner mobile*/
+
+ .main-banner-desktop{
+ display: none;
+ }
+}
+
+@media screen and (min-width: 415px) { /*esse pixel pq é o tamanho maximo da imagem banner mobile*/
+
+ .main-banner-mobile{
+ display: none;
+ }
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 7aa8d48..044c1f6 100644
--- a/index.html
+++ b/index.html
@@ -15,8 +15,14 @@
+
+
+
+
+
+
+