diff --git a/public/css/common.css b/public/css/common.css
index 2bb5a11..714212b 100644
--- a/public/css/common.css
+++ b/public/css/common.css
@@ -55,15 +55,16 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   display: block;
 }
 
-@media (min-width: 768px) {
-  .navbar-form {
-    width: 30%;
-  }
+.navbar-form {
+  width: 30%;
 }
 
-@media (max-width: 768px) {
+@media (max-width: 991px) {
   .status {
-    margin: 0 14px !important;
+    margin: 0;
+  }
+  .navbar-form {
+    width: 20%;
   }
 }
 
diff --git a/public/js/config.js b/public/js/config.js
index 3aeedbb..d367e71 100755
--- a/public/js/config.js
+++ b/public/js/config.js
@@ -35,7 +35,11 @@ angular.module('insight').config(function($routeProvider) {
       templateUrl: '/views/status.html',
       title: 'Status'
     }).
-    otherwise({
+    when('/developers', {
+      templateUrl: '/views/developers.html',
+      title: 'Developers'
+    })
+    .otherwise({
       templateUrl: '/views/404.html',
       title: 'Error'
     });
diff --git a/public/js/controllers/header.js b/public/js/controllers/header.js
index e5fa3ac..3b17ec5 100755
--- a/public/js/controllers/header.js
+++ b/public/js/controllers/header.js
@@ -12,6 +12,10 @@ angular.module('insight.system').controller('HeaderController',
     {
       'title': 'Status',
       'link': 'status'
+    },
+    {
+      'title': 'Developers',
+      'link': 'developers'
     }
   ];
 
diff --git a/public/views/developers.html b/public/views/developers.html
new file mode 100644
index 0000000..d854ece
--- /dev/null
+++ b/public/views/developers.html
@@ -0,0 +1,8 @@
+<section>
+  <div class="page-header">
+    <h1>
+      Bitcoin Developer API's <small>Tools for developers to get data about the Insight</small>
+    </h1>
+  </div>
+</section>
+