diff --git a/index.html b/index.html
index 39270162..a674b828 100644
--- a/index.html
+++ b/index.html
@@ -137,15 +137,17 @@
 <body style="background-color: var(--secondary-color);">
 
   <body>
-
-    <div id="pre-loader">
+        
+     <div id="pre-loader">
       <h1>TourGuide . . .</h1>
     </div>
+
     <div id="bg">
       <canvas></canvas>
       <canvas></canvas>
       <canvas></canvas>
     </div>
+
     <div id="progressbar"></div>
     <div id="scrollPath"></div>
     <!-- <canvas id="canvas"></canvas> -->
diff --git a/styles.css b/styles.css
index dc0ba769..66fb436b 100644
--- a/styles.css
+++ b/styles.css
@@ -1916,6 +1916,7 @@ body {
   height: auto;
   width: 100%;
   padding: 1rem 2rem;
+  
 }
 
 .navLinks {
@@ -2228,6 +2229,14 @@ body {
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5) , 0 0 25px black , 0 0 50px black , 0 0 200px black;
 }
 
+/* mobile nav */
+@media (max-width: 360px) {
+  .newNav {
+    width: 95%;
+    height: 8%;
+    padding-left: 20%;
+  }
+}
 
 /* Testimonial Section */
 @media (min-width: 320px) {
