diff --git a/index.html b/index.html
index 66cc2158..e425ff56 100644
--- a/index.html
+++ b/index.html
@@ -138,11 +138,12 @@
       margin-right: 20px;
       border-radius: 10px;
     }
-    .sticky{
-      position: fixed;
-      z-index: 10;
-      max-height: 63px;
-    }
+    header.sticky {
+    position: -webkit-sticky;
+    position: sticky;
+    top: 0;
+    z-index: 1000;
+  }
     footer {
       background-color: #C4D7FF;
       color: #f3f4f6;
@@ -354,6 +355,9 @@
    .logo img:hover{
     background-color: white;
    }
+   .container{
+    width: 98vw;
+   }
 
   </style>
 </head>
@@ -361,37 +365,61 @@
 <body>
   <header class="sticky">
     <div class="container">
-        <div class="logo">
-            <div class="brand-name">
-                <span class="letter red" style="--letter-index: 1;">A</span>
-                <span class="letter red" style="--letter-index: 2;">m</span>
-                <span class="letter red" style="--letter-index: 3;">b</span>
-                <span class="letter red" style="--letter-index: 4;">u</span>
-                <span class="letter" style="--letter-index: 5;">F</span>
-                <span class="letter" style="--letter-index: 6;">l</span>
-                <span class="letter" style="--letter-index: 7;">o</span>
-                <span class="letter" style="--letter-index: 8;">w</span>
-            </div>
-            <a href="index.html">
-            <img src="images/logo2-w.webp" alt="Ambulance Monitoring System Logo" style="width: 50px; height: auto" />
-          </a>
-          </div>
-        <nav class="menu">
-            <ul>
-                <li><a href="index.html" id="home-link" onclick="changeContent('home')"><i class="fa-solid fa-house"></i> Home</a></li>
-                <li><a href="features.html" id="features-link" onclick="changeContent('features')"><i class="fa-solid fa-file"></i> Features</a></li>
-                <li><a href="team.html" id="team-link" onclick="changeContent('team')"><i class="fa-solid fa-user-group"></i> Team</a></li>
-                <li><a href="contact.html" id="contact-link" onclick="changeContent('contact')"><i class="fa-solid fa-phone"></i> Contact</a></li>
-                <li><a href="Feedback.html" id="Feedback-link" onclick="changeContent('Feedback')"><i class="fa-solid fa-clipboard"></i> Feedback</a></li>
-            </ul>
-        </nav>
-        <div class="buttons">
-            <a href="login.html" class="login">Log in</a>
-            <a href="up.html" class="get-started">Get started</a>
+
+      <div class="logo">
+        <div class="brand-name">
+          <span class="letter red" style="--letter-index: 1">A</span>
+          <span class="letter red" style="--letter-index: 2">m</span>
+          <span class="letter red" style="--letter-index: 3">b</span>
+          <span class="letter red" style="--letter-index: 4">u</span>
+          <span class="letter" style="--letter-index: 5">F</span>
+          <span class="letter" style="--letter-index: 6">l</span>
+          <span class="letter" style="--letter-index: 7">o</span>
+          <span class="letter" style="--letter-index: 8">w</span>
         </div>
-    </div>
-</header>
+        <a href="./index.html"
+          ><img
+            src="images/logo2-w.webp"
+            alt="Ambulance Monitoring System Logo"
+            style="width: 50px; height: auto"
+        /></a>
+      </div>
 
+      <nav class="menu">
+        <ul>
+          <li>
+            <a href="index.html" id="home-link"
+              ><i class="fa-solid fa-house"></i> Home</a
+            >
+          </li>
+          <li>
+            <a href="features.html" id="features-link" class="active"
+              ><i class="fa-solid fa-file"></i> Features</a
+            >
+          </li>
+          <li>
+            <a href="team.html" id="team-link"
+              ><i class="fa-solid fa-user-group"></i> Team</a
+            >
+          </li>
+          <li>
+            <a href="contact.html" id="contact-link"
+              ><i class="fa-solid fa-clipboard"></i> Contact</a
+            >
+          </li>
+          <li>
+            <a href="Feedback.html" id="team-link"
+              ><i class="fa-solid fa-user-group"></i> Feedback</a
+            >
+          </li>
+        </ul>
+      </nav>
+      <div class="buttons">
+        <a href="login.html" class="login">Log in</a>
+        <a href="up.html" class="get-started">Get started</a>
+      </div>
+    </div>
+  </header>
   <div class="content" id="main-content" >
     <h1>Welcome to the Ambulance Monitoring System</h1>
     <div class="grid">
