.navbar{
  position: relative;
  top: 72px;
  min-height: 50px;
  margin-bottom: 20px;
  border: 0px solid transparent;
}
 @media (min-width: 890px) {
  .navbar {min-height: 20px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
  .navbar-header {float: left;}
}
@media (min-width: 768px) {
    
}
.navbar-default {
  background-color: #991431;
  color: #f8f8f8;
  background-color: #1fc8db;
  background-image: linear-gradient(141deg, #9fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
  color: white;
  opacity: 1;
  background: rgb(173,155,100);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, rgba(173,155,100,1)), color-stop(12%, rgba(153,20,49,1)), color-stop(97%, rgba(153,20,49,1)), to(rgba(173,155,100,1)));
  background: linear-gradient(180deg, rgba(173,155,100,1) 4%, rgba(153,20,49,1) 12%, rgba(153,20,49,1) 97%, rgba(173,155,100,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ad9b64",endColorstr="#ad9b64",GradientType=1); 
  background: #026aab;
  background: #454b6a;
  background: #555769;
  z-index:10;
}
.navbar-default .navbar-nav > li > a{
  color: #f8f8f8;
}
.navbar-default .navbar-nav > li > a:hover{
  color: black;;
  background-color: #AD9B64;
  border-radius:8px;
}
.navbar-default .navbar-brand {
  color: #f8f8f8;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: black;;
  background-color: #AD9B64;
  border-radius:8px;
}
.current {
  color: black;;
  background-color: #AD9B64;
  border-radius:8px;
}
.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 48px;
}