/* CSS Transform Align Navbar Brand Text ... This could also be achieved with table / table-cells */
.navbar-alignit .navbar-header {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 50px;
}
.navbar-alignit .navbar-brand {
    top: 50%;
    display: block;
    position: relative;
    height: auto;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    margin-right: 15px;
    margin-left: 15px;
}
.navbar-nav > li > .dropdown-menu {
    z-index: 9999;
}