diff --git a/.DS_Store b/.DS_Store
index fba95756b01e337093cc284f942f8df612ca98e8..3957b61366553df3f4c2270b9d9eec266333c633 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/example media - hidden menu/index.html b/example media - hidden menu/index.html
index 30af5e7b9a20c66eaeb5f43af1fd3a789937efa4..abde8bddbaf77e6b563f39406a5f688c05d7e6f0 100644
--- a/example media - hidden menu/index.html	
+++ b/example media - hidden menu/index.html	
@@ -27,7 +27,7 @@
             <p>This para 1</p>
         </article>
         <article>
-            <p>This para 2</p>
+            <h1>This para 2</h1>
         </article>
     </section>
 
diff --git a/example media - hidden menu/main.css b/example media - hidden menu/main.css
index d63ec07275d73522e2f838648d36a3f1ce8b7366..b1ff7bc635d67380c404ea9e49b8d7cf00aa3c61 100644
--- a/example media - hidden menu/main.css	
+++ b/example media - hidden menu/main.css	
@@ -36,6 +36,9 @@ footer{
     display: none; /*hides the menu*/
 }
 
+nav{
+    grid-area: nav;
+}
 
 /*next would be tablet*/ 
 
@@ -51,9 +54,10 @@ footer{
         grid-template-rows: auto;
     
         grid-template-areas: 
-        "header"
+        
         "section"
-        "footer";
+        "footer"
+        "header";
     }
 
     header{
@@ -77,10 +81,21 @@ footer{
 
     #mobile{
         display: inline; /*displays the menu*/
+
+        position: absolute;
+        bottom: 10px; /*position the menu at the bottom of the page*/
     }
     
 }
 
+p{
+    font-size: 3vw;
+}
+
+h1{
+    font-size: 4vw;
+}
+
 
 
 /*gallary on home page*/