diff --git a/assets/images/banner 2-mob.png b/assets/images/banner 2-mob.png
new file mode 100644
index 0000000..f4e55c5
Binary files /dev/null and b/assets/images/banner 2-mob.png differ
diff --git a/assets/images/banner-mob.png b/assets/images/banner-mob.png
new file mode 100644
index 0000000..098a4dc
Binary files /dev/null and b/assets/images/banner-mob.png differ
diff --git a/assets/styles/landing-page.css b/assets/styles/landing-page.css
index 7d67d80..bfc4eca 100644
--- a/assets/styles/landing-page.css
+++ b/assets/styles/landing-page.css
@@ -14,6 +14,14 @@ header {
height: 101px;
}
+.logo{
+ width: 12%;
+}
+
+.logo img{
+ width: 100%;
+}
+
.banner-top{
width: 100%;
}
@@ -191,4 +199,67 @@ footer{
footer p{
color: #ffffff;
+}
+
+@media (max-width: 1024px) {
+ .logo{
+ width: 55%;
+ }
+
+ .banner-top{
+ visibility: hidden;
+ width: 0px;
+ }
+
+ .banner-top-mob{
+ width: 100%;
+ }
+
+ .network{
+ width: 58%;
+ }
+
+ .card-section, .card-section-small{
+ flex-direction: column;
+ align-items: center;
+ }
+ .card, .card-small{
+ width: 85%;
+ height: 332px;
+ }
+
+ .card-img, .img-card-small{
+ width: 29%;
+ }
+
+ .card p, .card-small p{
+ width: 82%;
+ }
+
+ .computers-area{
+ display: grid;
+ grid-template-columns: repeat(2,1fr);
+ }
+ #item1{
+ grid-area: 1/2/1/2;
+ }
+ #item2{
+ grid-area: 1/1/1/1;
+ }
+ #item3{
+ grid-area: 2/1/2/3;
+ }
+
+ .information-code{
+ display: grid;
+ }
+
+}
+
+@media (min-width: 1025px) {
+ .banner-top-mob{
+ visibility: hidden;
+ width: 0px;
+ position: absolute;
+ }
}
\ No newline at end of file
diff --git a/landing-page.html b/landing-page.html
index 6154077..4481d14 100644
--- a/landing-page.html
+++ b/landing-page.html
@@ -9,12 +9,13 @@
+ 
