diff --git a/assets/imagens/Logo M3 [branco].svg b/assets/imagens/logo-m3.svg
similarity index 100%
rename from assets/imagens/Logo M3 [branco].svg
rename to assets/imagens/logo-m3.svg
diff --git a/assets/imagens/main-banner-desktop.png b/assets/imagens/main-banner-desktop.png
new file mode 100644
index 0000000..a2c9f47
Binary files /dev/null and b/assets/imagens/main-banner-desktop.png differ
diff --git a/assets/imagens/main-banner-mobile.png b/assets/imagens/main-banner-mobile.png
new file mode 100644
index 0000000..a0f7541
Binary files /dev/null and b/assets/imagens/main-banner-mobile.png differ
diff --git a/assets/styles/main.css b/assets/styles/main.css
index eb468b1..be0f04e 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -4,6 +4,7 @@
box-sizing: border-box;
}
+/* Cria header desktop e mobile */
.page-header {
display: flex;
justify-content: center;
@@ -13,4 +14,21 @@
.header-logo {
display: block;
+}
+
+/* Cria banner princial */
+.main-banner {
+ width: 100%;
+}
+
+@media screen and (max-width: 414px) {
+ .main-banner-desktop {
+ display: none;
+ }
+}
+
+@media screen and (min-width: 414px) {
+ .main-banner-mobile {
+ display: none;
+ }
}
\ No newline at end of file
diff --git a/index.html b/index.html
index b2e158e..cb177a0 100644
--- a/index.html
+++ b/index.html
@@ -12,10 +12,21 @@
+
+
+
+
+
+
+ 
+ 
+
+
+ 