/**********************************
Responsive navbar-brand image CSS
- Remove navbar-brand padding for firefox bug workaround
- add 100% height and width auto ... similar to how bootstrap img-responsive class works
***********************************/

.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 100%;
  padding: 15px;
  width: auto;
}

/*************************
EXAMPLES 2-7 BELOW 
**************************/

/* EXAMPLE 3

line height is 20px by default so add 30px top and bottom to equal the new .navbar-brand 80px height  */
.navbar {
	margin-bottom:0;
	background-color: #fff;
}
.ico-burger {
	box-shadow: 0 -5px 0 1px, 0 0 0 1px, 0 5px 0 1px;
    content: "";
    width: 14px;
    display: inline-block;
    vertical-align: super;
}

.navbar-toggle, .icon-bar  {
	color: #555;
}
.example3 .navbar-brand {
  height: 80px;
}

.example3 .nav >li >a {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: transparent;
  border-color: transparent;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
}

.example3 .nav >li >a:hover  {
  background-color: #e7e7e7;
  color: #555;
}

.example3 .nav >li >a:focus  {
  background-color: #e7e7e7;
  color: #555;
}

.example3 .nav >li >a:active  {
	background-color: transparent;
    color: #ff960f;
}

#navbar3 > ul > li.dropdown.active > a {
	background-color: #e7e7e7;
  	color: #ff960f;
}

.example3 .nav >li > a > .fa {
	font-size:18px;
	color: #000;
}

.example3 .nav >li > a:hover > .fa {
	font-size:18px;
	color: #555;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.example3 .navbar-toggle {
  padding: 10px;
  margin: 25px 15px 25px 0;
}

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

.navbar-nav>li>.dropdown-menu {
	z-index: 9999;
}