diff --git a/assets/image/main-banner-desktop.png b/assets/image/main-banner-desktop.png
new file mode 100644
index 0000000..2ac1b64
Binary files /dev/null and b/assets/image/main-banner-desktop.png differ
diff --git a/assets/image/main-banner-mobile.png b/assets/image/main-banner-mobile.png
new file mode 100644
index 0000000..0e06f76
Binary files /dev/null and b/assets/image/main-banner-mobile.png differ
diff --git a/assets/style/main.css b/assets/style/main.css
index 683ff86..85c14bc 100644
--- a/assets/style/main.css
+++ b/assets/style/main.css
@@ -10,5 +10,20 @@
padding: 29px 0;
}
.header-logo{
- display: block
-}
\ No newline at end of file
+ display: block;
+}
+.main-banner{
+ width: 100%;
+}
+@media screen and (max-width: 414px) {
+ .main-banner-desktop {
+ display: none;
+ }
+}
+
+@media screen and (min-width: 415px) {
+ .main-banner-mobile {
+ display: none;
+ }
+}
+
\ No newline at end of file
diff --git a/index.html b/index.html
index f2e89d4..fde987b 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,12 @@
+
+
+
+
+
+