diff --git a/docs/_includes/header.html b/docs/_includes/header.html
index 11b9f2b1..cb7c626d 100644
--- a/docs/_includes/header.html
+++ b/docs/_includes/header.html
@@ -1,6 +1,6 @@
 
 <header class="site-header">
-  <nav class="navbar navbar-default  navbar-inverse">
+  <nav class="navbar navbar-default navbar-fixed-top navbar-inverse">
     <div class="container-fluid">
       <div class="navbar-header">
         <a id="logo" href="{{ site.baseurl }}/">
diff --git a/docs/css/_header.scss b/docs/css/_header.scss
deleted file mode 100644
index 0e17b146..00000000
--- a/docs/css/_header.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-header.site-header {
-  position: fixed;
-  top: 0;
-  width: 100%;
-  z-index: 99;
-  background: linear-gradient(to right, rgba(#0a1724, .8) -50%, rgba(#172c4f, .5) 100%);
-  transition: background 2s ease;
-  nav.navbar {
-    margin-bottom: 0;
-    background-color: #0B1724;
-    border-radius: 0;
-    border: none;
-    .navbar-collapse.in {
-      background-color: #0B1724 !important;
-      animation: fadeInUp .2s ease-in-out;
-      position: fixed;
-      @include position(0,0,0,0);
-      padding: 20%;
-      font-size: 1.2em;
-      li {
-        padding-bottom: 1em; } }
-    .navbar-brand {
-      font-weight: 600;
-      color: white;
-      z-index: 1; }
-    .navbar-header {
-      position: relative;
-      z-index: 2; }
-    .navbar-toggle {
-      background-color: $brand-primary;
-      border: solid 1px $brand-primary;
-      color: white;
-      &.collapsed {
-        background-color: transparent;
-        border: solid 1px rgba(white,.4);
-        color: white; } }
-    .navbar-nav {
-      > li > a {
-        padding-bottom: 0; }
-      > .active > a {
-        color: #1D96C7 !important;
-        background-color: transparent; } } } }
-
-.main-content {
-  margin-top: $navbar-height; }
diff --git a/docs/css/_home.scss b/docs/css/_home.scss
index 2d1cad8e..fa3d2cac 100644
--- a/docs/css/_home.scss
+++ b/docs/css/_home.scss
@@ -25,56 +25,19 @@ html, body {
   .navbar {
     border-radius: 0;
     border: none;
+    background-color: #0B1724;
     .navbar-header {
       position: relative;
       height: 50px;
       font-size: 16px;
-      line-height: 50px;
-    }
-    .navbar-toggle {
-      background-color: #1d96c7;
-      border: solid 1px #1d96c7;
-      color: white;
-      &.collapsed {
-        background-color: transparent;
-        border: solid 1px rgba(255, 255, 255, 0.4);
-        color: white;
-      }
+      line-height: 50px
     }
     .navbar-nav > li > a {
       padding-bottom: 0;
     }
-    .navbar-collapse.in {
-      background-color: #0B1724 !important;
-      animation: fadeInUp .2s ease-in-out;
-      position: fixed;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      padding: 20%;
-      font-size: 1.2em;
-      li {
-        padding-bottom: 1em;
-      }
-    }
   }
 }
 
-.site-header nav.navbar .navbar-nav > .active > a {
-  color: #1D96C7 !important;
-  background-color: transparent;
-}
-.site-header nav.navbar .navbar-nav > li > a.navbar-github-link {
-  font-size: 32px;
-  padding-top: 10px;
-}
-.site-header nav.navbar .navbar-nav > li > a.navbar-github-link:hover {
-  color: #46AEDA;
-  text-decoration: none;
-}
-
-
 /* JUMBOTRON
 // ------------------------- */
 .main-content .jumbotron {
diff --git a/docs/css/main.scss b/docs/css/main.scss
index 46e6a11b..6fde37c4 100644
--- a/docs/css/main.scss
+++ b/docs/css/main.scss
@@ -9,7 +9,6 @@
 @import "syntax-highlighting";
 @import "helper";
 
-@import "header";
 @import "home";
 @import "page";
 @import "footer";
diff --git a/docs/index.haml b/docs/index.haml
index 434d5fe8..a6c4d27f 100644
--- a/docs/index.haml
+++ b/docs/index.haml
@@ -41,10 +41,9 @@ layout: default
       %p Not blaming anyone here. Building a good search for a documentation is a complex challenge.
We happen to have a lot of experience doing that, and we want to share it with the world. For free.
   #section_examples.page-section.page-section-dark
     .container
-      .row
-        .col-sm-10.col-sm-offset-1
-          %h2.page-section-title DocSearch is live
-          %p We’ve integrated DocSearch into several open source projects. Take a look.
+      .text-center
+        %h2.page-section-title DocSearch is live
+        %p We’ve integrated DocSearch into several open source projects. Take a look.
       .row
         .col-sm-4.showcase
           %a{:href => "https://bootstrap.algolia.com", :target => "_blank"}
@@ -99,13 +98,10 @@ layout: default
           %p We’ll send you a few lines to code to integrate Algolia autocomplete and power your search.
           %p You will receive the same speed, relevance and best-in-class UX as our paying customers.
   #section_get-started.page-section.page-section-dark
-    .container
-      .row
-        .col-sm-10.col-sm-offset-1
-          %h2.page-section-title Get started
-          %p Add the url of your documentation site and your email to the form at the top of the page. We’ll get back to you with what you need to integrate your new search into   your website.
-          %p Don’t forget, DocSearch is completely free! There’s no need to sign up for Algolia or submit any payment information. Let’s tackle document search together.
-          .spacer30
+    .m800
+      %h2.page-section-title Get started
+      %p Add the url of your documentation site and your email to the form at the top of the page. We’ll get back to you with what you need to integrate your new search into   your website.
+      %p Don’t forget, DocSearch is completely free! There’s no need to sign up for Algolia or submit any payment information. Let’s tackle document search together.
 
 <script src="js/animation.js"></script>