.navbar-default{background:rgba(101, 101, 12, 0.3);border-color:transparent}.navbar-default .navbar-brand{color:red;}.navbar-default 
.navbar-brand:hover,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:active,.navbar-default 
.navbar-brand.active{color:#fec503}.navbar-default .navbar-collapse{border-color:rgba(255,255,255,.02)}
.navbar-default .navbar-toggle{background-color:red;border-color:red}.navbar-default .navbar-toggle 
.icon-bar{background-color:#fff}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:red}

.navbar-default .nav li a{text-transform:uppercase;font-weight:400;letter-spacing:1px;color:#fff}

.navbar-default .nav li a:hover,.navbar-default .nav li a:focus{color:red;outline:0}
.navbar-default .navbar-nav>.active>a{border-radius:0;color:#fff;background-color:red}
.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#fff;background-color:#fec503}

@media (min-width:768px){.navbar-default{background:rgba(101, 101, 12, 0.3);padding:15px 0;-webkit-transition:padding .
3s;-moz-transition:padding.3s;transition:padding .3s;border:0}.navbar-default .navbar-brand{font-size:2em;-webkit-transition:all .
3s;-moz-transition:all .3s;transition:all .3s}.navbar-default .navbar-nav>.active>a{border-radius:3px}
.navbar-default.navbar-shrink{background-color:#333333;padding:10px 0}.navbar-default.navbar-shrink .navbar-brand{font-size:2.5em}}