diff --git a/site/assets/themes/apache/css/style.css b/site/assets/themes/apache/css/style.css
index 0b430da..bdff1f8 100644
--- a/site/assets/themes/apache/css/style.css
+++ b/site/assets/themes/apache/css/style.css
@@ -2,294 +2,149 @@
 @import url(//fonts.googleapis.com/css?family=Patua+One);
 
 body {
-  padding-top: 50px;
-  padding-bottom: 20px;
-  background: #fff;
-}
-
-body, input, select, textarea {
-  color: #444;
-  font-family: "Raleway", Helvetica, sans-serif;
-  font-size: 13pt;
-  font-weight: 400;
-  line-height: 1.65em;
-}
-
-a {
-  color: #383b43;
-  text-decoration: none;
-}
-
-a:active, a:hover {
-  text-decoration: underline;
-}
-
-strong, b {
-  color: #474747;
-  font-weight: 700;
-}
-
-em, i {
-  font-style: italic;
-}
-
-p {
-  margin: 0 0 2em 0;
-}
-
-h1, h2, h3, h4, h5, h6 {
-	color: #474747;
-	font-weight: 700;
-	line-height: 1em;
-	margin: 0 0 1em 0;
-}
-
-h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
-	color: inherit;
-	text-decoration: none;
-}
-
-h2 {
-	font-size: 1.75em;
-	line-height: 1.5em;
-}
-
-h3 {
-	font-size: 1.35em;
-	line-height: 1.5em;
-}
-
-h4 {
-	font-size: 1.1em;
-	line-height: 1.5em;
-}
-
-h5 {
-	font-size: 0.9em;
-	line-height: 1.5em;
-}
-
-h6 {
-	font-size: 0.7em;
-	line-height: 1.5em;
-}
-
-sub {
-	font-size: 0.8em;
-	position: relative;
-	top: 0.5em;
-}
-
-sup {
-	font-size: 0.8em;
-	position: relative;
-	top: -0.5em;
-}
-
-hr {
-	border: 0;
-	border-bottom: solid 1px rgba(144, 144, 144, 0.25);
-	margin: 2em 0;
-}
-
-hr.major {
-	margin: 3em 0;
-}
-
-blockquote {
-	border-left: solid 4px rgba(144, 144, 144, 0.25);
-	font-style: italic;
-	margin: 0 0 2em 0;
-	padding: 0.5em 0 0.5em 2em;
-}
-
-code {
-	background: rgba(144, 144, 144, 0.075);
-	border-radius: 4px;
-	border: solid 1px rgba(144, 144, 144, 0.25);
-	font-family: "Courier New", monospace;
-	font-size: 0.9em;
-	margin: 0 0.25em;
-	padding: 0.25em 0.65em;
-}
-
-pre {
-	-webkit-overflow-scrolling: touch;
-	font-family: "Courier New", monospace;
-	font-size: 0.9em;
-	margin: 0 0 2em 0;
-}
-
-pre code {
-	display: block;
-	line-height: 1.75em;
-	padding: 1em 1.5em;
-	overflow-x: auto;
-}
-
-.center-block {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
- }
-
-.align-left {
-	text-align: left;
-}
-
-.align-center {
-	text-align: center;
-}
-
-.align-right {
-	text-align: right;
-}
-
-.jumbotron {
-    background-color: #222222;
+    font-size:18px;
+    font-weight: 400;
+    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
+    padding-top: 50px;
+    padding-bottom: 20px;
 }
 
 .navbar-brand {
-  padding: 12px 12px;
-  padding-top: 15px;
-  padding-bottom: 10px;
+    padding: 12px 12px;
+    padding-top: 15px;
+    padding-bottom: 10px;
 }
 
 .navbar {
- background-color:#222222;
- border-bottom:0px;
- height: 50px;
+    background-color: #222 /* #0d5373 #3071a9 */;
+    border-bottom:0px;
+    /*height: 50px; */
 }
 
 .navbar-inverse .navbar-nav > li > a {
- color: #ffffff;
- background-color:#222222;
+    color: #ffffff;
+    background-color: #222 /* #0d5373 #3071a9 */;
 }
 
 .navbar-inverse .navbar-nav > li > a:hover,
 .navbar-inverse .navbar-nav > li > a:focus {
-  color: #ffffff;
-  background-color: ##222222;
+    color: #ffffff;
+    background-color: #222 /* #3D758F #2C6094 */;
 }
 .navbar-inverse .navbar-nav > li > a.active:hover,
 .navbar-inverse .navbar-nav > li > a.active:focus {
-  text-decoration: none;
-  background-color: #222222;
+    text-decoration: none;
+    background-color: #222 /* #3D758F #265380 */;
 }
 
 .navbar-inverse .navbar-nav > li > a.active {
-  background-color: #222222;
+    background-color: #222 /* #3D758F #265380 */;
 }
 
 .navbar-inverse .navbar-brand:hover,
 .navbar-inverse .navbar-brand:focus {
+    background-color: #222 /* #3D758F #265380 */;
 }
 
 .navbar-inverse .navbar-brand {
-  color: #fff;
-  text-decoration: none;
-  font-size: 32px;
+    background-color: #222 /* #3D758F #265380 */;
+    color: #fff;
+    text-decoration: none;
+    font-size: 32px;
 }
 
 .navbar-inverse .navbar-collapse,
 .navbar-inverse .navbar-form {
-  border-color: #222222;
-  background-color: #222222;
+    border-color: #222 /*#062A3A*/;
+    background-color: #222 /* #0d5373 #3071a9 */;
 }
 
 @media (max-width: 768px) {
-  .navbar-collapse.in {
-    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
-  }
+    .navbar-collapse.in {
+        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
+    }
 
-  .bigFingerButton {
-    margin-top: 12px;
-    display: block;
-    margin-right: auto;
-    margin-left: auto;
-  }
+    .bigFingerButton {
+        margin-top: 12px;
+        display: block;
+        margin-right: auto;
+        margin-left: auto;
+    }
 }
 
 .bigFingerButton {
     margin-right: 10px;
-    border-color: #ffffff;
-    background-color: #222222;
-}
-
-
-.btn-primary:hover,
-.btn-primary:focus,
-.btn-primary:active,
-.btn-primary.active,
-.open .dropdown-toggle.btn-primary {
-  color: #ffffff;
-  border-color: #ffffff;
-  background-color: #000000;
 }
 
 .navbar-inverse .navbar-toggle {
-  border-color: #222222;
+    border-color: #222 /*#265380*/;
 }
 
 .navbar-inverse .navbar-toggle:hover,
 .navbar-inverse .navbar-toggle:focus {
-  border-color: #222222;
-  background-color: #222222;
+    border-color: #222 /*#265380*/;
+    background-color: #222 /*#265380*/;
 }
 
 .navbar-inverse .navbar-toggle:focus {
-  outline-width: 0px;
+    outline-width: 0px;
 }
 
-
 /* CUSTOMIZE THE CAROUSEL
 -------------------------------------------------- */
 
 /* Carousel base class */
 .carousel {
-  height: 200px;
-  margin-bottom: 10px;
+    height: 200px;
+    margin-bottom: 10px;
 }
 /* Since positioning the image, we need to help out the caption */
 .carousel-caption {
-  z-index: 10;
+    z-index: 10;
 }
 
 /* Declare heights because of positioning of img element */
 .carousel .item {
-  height: 300px;
+    height: 300px;
 }
 .carousel-control {
-  background-image: none !important;
+    background-image: none !important;
 }
 
 .carousel-inner > .item > img {
-  position: absolute;
-  top: 0;
-  left: 0;
-  min-width: 100%;
-  height: 300px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    min-width: 100%;
+    height: 300px;
 }
 .carousel-indicators {
-  margin-top:30px;
-  margin-bottom:0px;
+    margin-top:30px;
+    margin-bottom:0px;
 }
 @media screen and (min-width: 768px) {
-  .carousel-indicators {
-    margin-bottom: -60px;
-  }
-  .carousel-caption {
-    padding-bottom: 60px;
-  }
+    .carousel-indicators {
+        margin-bottom: -60px;
+    }
+    .carousel-caption {
+        padding-bottom: 60px;
+    }
 }
 
+.jumbotron {
+    background-color: #ffffff /* #3071a9 */;
+    padding-top: 20px;
+    padding-bottom: 20px;
+    margin-top:5px;
+    margin-bottom:5px;
+}
 
 .jumbotron h1,
 .jumbotron p  {
-  color: #fff;
+    color: #444;
 }
 .jumbotron .thumbnail {
-  margin-top: 0;
+    margin-top: 0;
 }
 .jumbotron.small {
     padding: 0 0 0 0;
@@ -314,8 +169,6 @@
     margin-top: 7px;
 }
 
-
-
 /* screenshot img inside of doc */
 .screenshot {
     width : 800px;
@@ -327,7 +180,7 @@
 }
 
 .table-stack {
-/*    border: 1px solid #6371a9;*/
+    /*    border: 1px solid #6371a9;*/
     width:200px; padding: 5px 5px 5px 5px;
 }
 
@@ -362,7 +215,6 @@
     background-color: #B0C4DE;
 }
 
-
 .rotate270 {
     width:15px;padding:10px 0px 0px 0px;
     -webkit-transform: rotate(270deg);
@@ -374,75 +226,106 @@
 
 /* Custom container */
 .container-narrow {
-  margin: 0 auto;
-/*  max-width: 960px; */
+    margin: 0 auto;
+    /*  max-width: 960px; */
 }
 
 .container-narrow > hr {
-  margin: 30px 0; }
+    margin: 30px 0; }
 
 /* posts index */
 .post > h3.title {
-  position: relative;
-  padding-top: 10px; }
+    position: relative;
+    padding-top: 10px; }
 
 .post > h3.title span.date {
-  position: absolute;
-  right: 0;
-  font-size: 0.9em; }
+    position: absolute;
+    right: 0;
+    font-size: 0.9em; }
 
 .post > .more {
-  margin: 10px 0;
-  text-align: left; }
+    margin: 10px 0;
+    text-align: left; }
 
 /* post-full*/
 .post-full .date {
-  margin-bottom: 20px;
-  font-weight: bold; }
+    margin-bottom: 20px;
+    font-weight: bold; }
 
 /* tag_box */
 .tag_box {
-  list-style: none;
-  margin: 0;
-  overflow: hidden; }
+    list-style: none;
+    margin: 0;
+    overflow: hidden; }
 
 .tag_box li {
-  line-height: 28px; }
+    line-height: 28px; }
 
 .tag_box li i {
-  opacity: 0.9; }
+    opacity: 0.9; }
 
 .tag_box.inline li {
-  float: left; }
+    float: left; }
 
 .tag_box a {
-  padding: 3px 6px;
-  margin: 2px;
-  background: #eee;
-  color: #555;
-  border-radius: 3px;
-  text-decoration: none;
-  border: 1px dashed #cccccc; }
+    padding: 3px 6px;
+    margin: 2px;
+    background: #eee;
+    color: #555;
+    border-radius: 3px;
+    text-decoration: none;
+    border: 1px dashed #cccccc; }
 
 .tag_box a span {
-  vertical-align: super;
-  font-size: 0.8em; }
+    vertical-align: super;
+    font-size: 0.8em; }
 
 .tag_box a:hover {
-  background-color: #e5e5e5; }
+    background-color: #e5e5e5; }
 
 .tag_box a.active {
-  background: #57A957;
-  border: 1px solid #4c964d;
-  color: #FFF; }
+    background: #57A957;
+    border: 1px solid #4c964d;
+    color: #FFF; }
 
+.jumbotron {
+    background-color: #222222;
+}
 
-.jumbotron h1 {
-  font-family: 'Patua One', cursive; }
+.jumbotron h1, .jumbotron p {
+    color: #fff;
+}
 
 .jumbotron small {
     font-size: 60%;
-    color: #FFF;}
+    color: #FFF;
+}
+
+.jumbotron .thumbnail {
+    margin-top: 0;
+}
+.jumbotron.small {
+    padding: 0 0 0 0;
+    color : #ffffff;
+}
+.jumbotron.small .title{
+    float : left;
+    font-weight : bold;
+    font-size : 20px;
+    height : 30px;
+    margin-right: 20px;
+}
+
+.jumbotron.small .subtitle{
+    font-size : 14px;
+    height : 30px;
+    vertical-align:text-bottom;
+    padding-top:7px;
+}
+
+.jumbotron.small .description{
+    margin-top: 7px;
+}
 
 .navbar-brand {
     font-family: 'Patua One', cursive;
@@ -463,34 +346,72 @@
 .navbar-inverse .navbar-nav > .open > a,
 .navbar-inverse .navbar-nav > .open > a:hover,
 .navbar-inverse .navbar-nav > .open > a:focus {
-  color: #ffffff;
-  background-color: ##222222;
+    color: #ffffff;
+    background-color: #222;
+}
+
+.navbar-nav > .open > .dropdown-menu > li > a:hover,
+.navbar-nav > .open > .dropdown-menu > li > a:focus {
+    color: #092C3E;
+    text-decoration: none;
+    background-color: #D5D5D5 /* #3D758F #265380 */;
+}
+
+@media (max-width: 768px) {
+    .navbar-collapse.in {
+        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
+    }
+
+    .bigFingerButton {
+        margin-top: 12px;
+        display: block;
+        margin-right: auto;
+        margin-left: auto;
+    }
+}
+
+.bigFingerButton {
+    margin-right: 10px;
+    border-color: #ffffff;
+    background-color: #222222;
 }
 
 /* Custom, iPhone Retina */
 @media only screen and (max-width : 480px) {
-  .jumbotron h1 {
-    display: none;
-  }
-  .navbar-brand small {
-      display: none;
-      color: #FFF;
-  }
+    .jumbotron h1 {
+        display: none;
+    }
+    .navbar-brand small {
+        display: none;
+        color: #FFF;
+    }
+    .logo-img {
+        width: 320px;
+    }
+}
+
+@media only screen and (min-width : 480px) and (max-width: 768px) {
+    .logo-img {
+        width: 400px;
+    }
 }
 
 @media only screen and (max-width : 768px) {
-  .navbar .navbar-brand {
-      padding-bottom: 0;
-  }
+    .navbar .navbar-brand {
+        padding-bottom: 0;
+    }
 }
 
 @media only screen
 and (min-width : 768px)
 and (max-width : 1024px) {
-  .navbar-brand small {
-      display: none;
-  }
-  .navbar-collapse.collapse {
-      padding-right: 0;
-  }
+    .navbar-brand small {
+        display: none;
+    }
+    .navbar-collapse.collapse {
+        padding-right: 0;
+    }
+    .logo-img {
+        width: 700px;
+    }
 }
diff --git a/site/community-members.md b/site/community-members.md
index 9e91238..705b3c5 100644
--- a/site/community-members.md
+++ b/site/community-members.md
@@ -25,8 +25,6 @@
 
 {% include JB/setup %}
 
-<br/><br/><br/>
-
 ### {{ site.data.project.short_name }} Team Members
 
 {% if site.data.contributors %}
diff --git a/site/community.md b/site/community.md
index 54313f9..9bc042f 100644
--- a/site/community.md
+++ b/site/community.md
@@ -25,8 +25,6 @@
 
 {% include JB/setup %}
 
-<br/><br/><br/>
-
 ## {{ site.data.project.name }} Community
 
 Every volunteer project obtains its strength from the people involved in it. We invite you to participate as much or as little as you choose.
diff --git a/site/docs/current/developer/contributing-to-the-project.md b/site/docs/current/developer/contributing-to-the-project.md
index e6cafd7..b686890 100644
--- a/site/docs/current/developer/contributing-to-the-project.md
+++ b/site/docs/current/developer/contributing-to-the-project.md
@@ -27,6 +27,8 @@
 
 {% include JB/setup %}
 
+# Contributing to {{ site.data.project.name }}
+
 - Requirements
 - Makefile
     - Build
diff --git a/site/docs/current/developer/creating-extensions.md b/site/docs/current/developer/creating-extensions.md
index 08ba493..c0f367c 100644
--- a/site/docs/current/developer/creating-extensions.md
+++ b/site/docs/current/developer/creating-extensions.md
@@ -27,6 +27,8 @@
 
 {% include JB/setup %}
 
+# Extending to {{ site.data.project.name }}
+
 - What is pluggable
 - Creating a magic
 
diff --git a/site/docs/current/references/scaladocs.md b/site/docs/current/references/scaladocs.md
index 675511a..ab2df76 100644
--- a/site/docs/current/references/scaladocs.md
+++ b/site/docs/current/references/scaladocs.md
@@ -27,5 +27,9 @@
 
 {% include JB/setup %}
 
+# References 
+
+## Scala Docs
+
 - Should redirect to ScalaDocs