.top-buffer { margin-top: 10px !important; }

@media (min-width: 768px) {
.navbar{
  background: url("../images/baby-bg-header.png") center no-repeat #77676A !important;
  min-height: 165px;
}

.navbar a { font-size: 18px; font-weight: bold; color: #FFFFFF !important; }

.navbar-brand-centered {
    position: absolute;
    top: 0;
    left: 50%;
    height: 50px;
    width: 200px;  /* bootstrap has max-width: 200px rule */
    margin-left: -557px;
    margin-top: 15px;
    text-align: center;
  }
  
  .navbar-right {
	position: absolute;
    top: 0;
    right: 50%;
    height: 50px;
   
    margin-right: -540px;
    margin-top: 60px;
    text-align: center;
  }
  
  .navbar li:hover { border-bottom: 5px solid #FFFFFF; }

  .navbar-brand-centered {
    color: @navbar-inverse-brand-color;
    &:hover,
    &:focus {
      color: @navbar-inverse-brand-hover-color;
      background-color: @navbar-inverse-brand-hover-bg;
    }
  }
}
.navbar{ background: #77676A; }

.navbar { margin-top: -2px; }



@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,500,500italic,700,700italic&subset=latin,latin-ext);
*, body, html { font-family: 'Ubuntu', sans-serif !important; }

.navbar-default .navbar-nav > li > a { color: #FFFFFF !important; }