diff --git a/index.html b/index.html
index c448561..8550825 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Schools Without Borders - Bringing Education Where Schools Cannot Reach</title>
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap" rel="stylesheet">
     <style>
         /* Global styles */
         :root {
@@ -112,7 +113,7 @@
             justify-content: space-between;
             align-items: center;
             padding: 1rem 0;
-            background-color: white;
+            background-color: var(--navy-blue);
         }
         
         .logo {
@@ -122,8 +123,17 @@
         
         .logo img {
             height: 60px;
-            margin-right: 10px;
+            margin-right: 15px;
             border-radius: 50%;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
+        }
+        
+        .logo span {
+            color: var(--white);
+            font-size: 1.5rem;
+            font-weight: 700;
+            font-family: 'Montserrat', sans-serif;
+            letter-spacing: 0.5px;
         }
         
         .nav-links {
@@ -136,7 +146,7 @@
         
         .nav-links a {
             font-weight: 600;
-            color: var(--navy-blue);
+            color: var(--white);
             transition: color 0.3s ease;
         }