website: fix white bar

fixes #690

website/source/assets/stylesheets/_header.scss

@@ -37,20 +37,18 @@ body.page-sub{
         }
     }
 
-    .navbar-brand {
-        &.logo{
+    .brand {
         padding: 13px 15px;
         line-height: 0;
 
-            span{
-                display: inline-block;
+        .logo{
+            display: block;
             width: 179px;
             height: 59px;
             background: image-url('consul-header-logo.png') 0 0 no-repeat;
             @include img-retina("consul-header-logo.png", "consul-header-logo@2x.png", 179px, 59px);
         }
     }
-    }
 
     .navbar-nav{
         -webkit-font-smoothing: antialiased;
@@ -197,16 +195,14 @@ body.page-sub{
 
 @media (max-width: 992px) {
     #header {
-        .navbar-brand {
-            &.logo{
-                span{
+        .brand {
+            .logo{
                 width: 120px;
                 height: 39px;
                 margin-top: 12px;
                 background-size: 120px 39px;
             }
         }
-        }
 
         .buttons.navbar-nav{
             li{
@@ -280,13 +276,11 @@ body.page-sub{
             float: none !important;
         }
 
-        .navbar-brand {
-            &.logo{
-                span{
+        .brand {
+            .logo{
                 margin-top: 0;
             }
         }
-        }
 
         .navbar-nav > li{
             float: none;

website/source/layouts/_header.erb

@@ -34,11 +34,10 @@
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
               </button>
-    			<a class="navbar-brand logo" href="/">
-    				<span></span>
-    			</a>
+              <div class="brand">
+    		      <a class="logo" href="/"></a>
+              </div>
     		</div>
-
     		<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
     			<ul class="buttons nav navbar-nav navbar-right rls-sb">
     				<li class="first download outline-btn"><a href="/downloads.html">Download</a></li>