span {
	font-weight:300;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
  color: #99cc00;
  background-color: #080808;
}

.navbar-inverse {
  //border-color:#99cc00;
  //border-bottom-width: 2px;
}

@media (min-width: 992px) {

.navbar-default {
  width:425px !important;
  text-align: center !important;
  margin: auto !important;
  background-color: rgba(51,51,51,1) !important;
  border: 0 !important;
}

.navbar-nav > li > a {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  color: #99cc00 !important;
  background-color: rgba(118,197,240,0) !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  //padding: 0 !important;
  letter-spacing:0px !important;
}

.navbar-default .navbar-nav>li>a {
    color: rgba(234,234,234,1) !important;
      font-size: 16px !important;
  font-weight: 300 !important;
  //padding: 0 !important;
  letter-spacing:0px !important;

}

.navbar-default .navbar-nav>li>a:hover {
background-color: rgba(0,0,0,0.23) !important;
    border-color: rgba(0,0,0,0) !important;
    color: rgba(93,160,197,1) !important;
}


}