nav style

static/style.css

 body { padding-top: 56px; }
 .left-aligned { margin-left: auto; }
-.bg-dark { background-color: #343a40 !important; }
+.bg-dark { background-color: #294828 !important; }
 .bg-hero { background-color: #45b06cff; }
 
 /* CALLOUT */

wiki/menu.html

-<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
+<style>
+  @font-face {
+    font-family: "pilgrim-bold";
+    src: url("https://static.igem.wiki/teams/5015/wiki/fonts/pilgrim-bolditalic.ttf");
+  }
+  @font-face {
+    font-family: "pilgrim";
+    src: url("https://static.igem.wiki/teams/5015/wiki/fonts/pilgrim-regular.otf");
+  }
+  
+
+  nav {
+    background-image: url("https://static.igem.wiki/teams/5015/wiki/nav/nav-bottom.png");
+    background-position: 20% 88%;
+  }
+  .dropdown-menu li:nth-child(odd){
+    background-image: url("https://static.igem.wiki/teams/5015/wiki/nav/nav-item-bg1.png");
+    background-size: cover;
+    height: 67px;
+    width: 160px;
+  }
+  .dropdown-menu li:nth-child(even) {
+    background-image: url("https://static.igem.wiki/teams/5015/wiki/nav/nav-item-bg-2.png");
+    background-size: cover;
+    height: 67px;
+    width: 160px;
+  }
+  .dropdown-menu {
+    background-color: transparent;
+    border: none;
+  }
+
+  .dropdown-menu li {
+    display: flex;
+    align-items: center;
+  }
+  
+  .dropdown-item:hover {
+    background-color: transparent;
+  }
+
+  .dropdown-item {
+    text-align: center;
+    width: 100%;
+    color: #e6f0d2 !important;
+    font-family: 'pilgrim' !important;
+    font-size: 1.1rem;
+  }
+
+  .nav-item > a{
+    font-family: 'pilgrim' !important;
+    
+    font-size: 1.6rem;
+
+  }
+  .nav-item {
+    margin: 0 20px;
+  }
+</style>
+
+
+<nav style="height: 80px;" class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
   <div class="container">
 
     <!---- TEAM NAME ---->
-    <a class="navbar-brand" href="#">Thinker-SC</a>
+    <a class="navbar-brand" href="#" style="font-family: 'pilgrim' !important; font-size: 1.9rem;">Thinker-SC</a>
 
     <!---- SMALL SCREEN MENU ICON ---->
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
@@ -14,10 +75,7 @@
     <div class="collapse navbar-collapse" id="navbarSupportedContent">
       <ul class="navbar-nav ml-auto left-aligned">
 
-        <!---- HOME ---->
-        <li class="nav-item">
-          <a class="nav-link" href="{{ url_for('home') }}">Home</a>
-        </li>
+        
 
         <!---- PROJECT ---->
         <li class="nav-item dropdown">
@@ -59,7 +117,7 @@
             <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Human Practices</a></li>
             <li><a class="dropdown-item" href="{{ url_for('pages', page='entrepreneurship') }}">Entrepreneurship</a></li>
             <li><a class="dropdown-item" href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
-            <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable Development</a></li>
+            <li><a class="dropdown-item" href="{{ url_for('pages', page='sustainable') }}">Sustainable<br/>Development</a></li>
           </ul>
         </li>