.navbar-default{background:rgba(0, 0, 102, 0.3);border-color:transparent}
.navbar-default .navbar-brand{color:#fed136;font-family:"Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive}
.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-toggle{background-color:#fed136;border-color:#fed136}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#fed136}

.navbar-default .nav li a{font-family:font-family: 'Playball', cursive;font-weight:400;letter-spacing:1px;color:#000}

.navbar-default .nav li a:hover,.navbar-default .nav li a:focus{color:#fed136;outline:0}
.navbar-default .navbar-nav>.active>a{border-radius:0;color:#fff;}
.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:10px 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: rgba(12, 12, 12, 0.88)!important;padding:5px 0}
.navbar-default.navbar-shrink .navbar-brand{font-size:1.5em}}