diff --git a/_includes/header.html b/_includes/header.html
index 9141266..08c9ef0 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,9 +1,8 @@
-<header class="site-header">
-    <div class="wrap">
-        <a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
+<header>
+    <nav class="navbar navbar-default">
+        <div class="navbar-header">
+        <a class="navbar-brand" href="{{ site.baseurl }}/">{{ site.title }}</a>
 
-        <nav class="site-nav">
-        <a class="page-link" href="{{ site.about_page }}">About</a>
-        </nav>
-    </div>
+        </div>
+    </nav>
 </header>
diff --git a/css/main.css b/css/main.css
index e4f052a..18a51b7 100644
--- a/css/main.css
+++ b/css/main.css
@@ -13,7 +13,7 @@ body {
   font-size: 16px;
   line-height: 1.5;
   font-weight: 300;
-  background-color: #fdfdfd;
+  background-color: #EDEDED;
 }
 
 /* Utility */
@@ -35,18 +35,16 @@ body {
 /* Site header */
 
 .site-header {
-  border-top: 5px solid #333;
   border-bottom: 1px solid #e8e8e8;
   min-height: 56px;
-  background-color: white;
+  background-color: #444;
 }
 
 .site-title,
 .site-title:hover,
 .site-title:visited {
   display: block;
-  color: #333;
-  font-size: 26px;
+  color: #FFF;
   letter-spacing: -1px;
   float: left;
   line-height: 56px;
@@ -105,7 +103,6 @@ body {
 
 .page-content {
   padding: 30px 0;
-  background-color: #fff;
 }