diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..4189956
Binary files /dev/null and b/.DS_Store differ
diff --git a/index.html b/index.html
index 1b8846b..7d6925c 100644
--- a/index.html
+++ b/index.html
@@ -22,7 +22,7 @@ <h1 class="newspaper-name">Ironhack News</h1>
     <main>
       <article class="main-article">
         <div class="image">
-          <img src="/images/main-article.jpg" alt="Article 1 Image" />
+          <img src="./images/main-article.jpg" alt="Article 1 Image" />
         </div>
         <div class="content">
           <h2>Main Article</h2>
diff --git a/styles/style.css b/styles/style.css
index 9571ab1..e934b0e 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -177,3 +177,54 @@ header {
 }
   
 /* Write your CSS below */
+
+
+@media screen and (max-width: 480px){
+
+  .navbar {
+    display: none;
+
+
+  }
+
+
+@media screen and (max-width: 760px){
+
+nav {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  
+  
+  }
+
+  .navbar li {
+    position: relative;
+    display: block;
+    width: 100%;
+
+    }
+ 
+
+.main-article {
+    flex-direction: column;
+  }
+
+  .main-article .image,
+  .main-article .content {
+    width: 100%;
+    padding: 10px 0;
+  }
+
+  .articles-container {
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .article {
+    width: 80%;
+    margin-bottom: 20px;
+  }
+
+  }