diff --git a/index.html b/index.html
index 1b8846b..bfca76d 100644
--- a/index.html
+++ b/index.html
@@ -17,6 +17,7 @@ <h1 class="newspaper-name">Ironhack News</h1>
           <li><a href="#">Sports</a></li>
         </ul>
       </nav>
+      <img class="header-image" src="images/menu-icon.png" alt="Header-Image" />
     </header>
 
     <main>
diff --git a/styles/style.css b/styles/style.css
index 9571ab1..af22040 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -102,9 +102,16 @@ header {
   font-weight: bold;
 }
 
+.header-image {
+  display: none;
+  margin: auto;
+  height: 40px;
+  width: 40px;
+}
+
 /* Articles */
 .main-article {
-  margin: 20px;
+  margin-bottom: 20px;
   padding: 20px;
   border: 1px solid #ccc;
   display: flex;
@@ -123,7 +130,6 @@ header {
 
 .main-article .content {
   width: 50%;
-  padding: 0 20px;
   height: auto;
 }
 
@@ -133,12 +139,12 @@ header {
   justify-content: space-between;
   flex-direction: row;
   align-items: center;
-  padding: 20px;
 }
 
 .article {
   width: 29%;
   padding: 20px;
+  margin-bottom: 20px;
   border: 1px solid #ccc;
 }
 
@@ -177,3 +183,65 @@ header {
 }
   
 /* Write your CSS below */
+@media screen and (max-width: 760px) {
+.navbar {
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .navbar li {
+    width: 100%;
+    border-right: none;
+    border-bottom: 1px solid #ffffff;
+    width: 100%;
+    height: 50px;
+  }
+  
+  .main-article {
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+  }
+
+  .main-article .image,
+  .main-article .content {
+    width: 100%;
+    padding: 10px 20px;
+  }
+
+  .articles-container {
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .article {
+    width: 100%;
+  }
+}
+
+@media screen and (min-width: 760px) and (max-width: 1024px) {
+  .navbar {
+    display: flex;
+    justify-content: center
+  }
+
+  .navbar li{
+    flex-grow: 1;
+  }
+
+.article {
+  flex-direction: column;
+  width: 45%;
+}
+  
+}
+
+@media screen and (max-width: 480px) {
+  .header-image {
+    display: block;
+  }
+
+  .navbar {
+    display: none;
+  }
+}
\ No newline at end of file