diff --git a/_includes/navbar.html b/_includes/navbar.html
index 4c0bccc..e08a92f 100644
--- a/_includes/navbar.html
+++ b/_includes/navbar.html
@@ -1,7 +1,7 @@
-<div class="navbar-wrapper">
+<div class="navbar-wrapper" data-spy="affix" data-offset-top="15">
   <div class="container-fuild">
 
-    <nav class="navbar navbar-default navbar-static-top">
+    <nav class="navbar navbar-default">
       <div class="container">
 
         <div class="navbar-header">
@@ -11,7 +11,7 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-left" href="/"><img class="navbar-logo" src="/images/logo.png" alt="WONA Logo"></a>
+          <a class="navbar-left" href="/"><span class="navbar-title">Watchout!</span></a>
         </div>
 
         <div id="navbar" class="navbar-collapse collapse">
diff --git a/css/base.scss b/css/base.scss
index b7ade34..798fcb9 100644
--- a/css/base.scss
+++ b/css/base.scss
@@ -93,11 +93,17 @@ body {
 // ================ NAV ================//
 
 .navbar-wrapper {
-  position: absolute;
+  position: relative;
   top: 0;
   right: 0;
   left: 0;
   z-index: 20;
+  background: black;
+
+  &.affix {
+    position: fixed;
+  }
+
 }
 
 
@@ -113,10 +119,24 @@ body {
 
 .navbar {
   background: transparent;
-  @include gradient-vertical($start-color: rgba(0,0,0,.4), $end-color: rgba(0,0,0,.0001));
   border: none;
   padding-top: 5px;
   font-weight: bold;
+  font-family: Merriweather;
+  font-size: 25px;
+  margin-bottom: 0px;
+  border-bottom: 0px;
+
+  .navbar-header {
+    margin-top: 0.2em;
+  }
+
+  .navbar-title {
+    text-transform: uppercase;
+    color: #ffffff;
+    line-height: normal;
+    padding-top: 5px;
+  }
 
   .navbar-toggle {
     margin-top: 10px;