.navbar-default {
  /*background-color:#222;*/
  /*border-color:transparent;*/
  border-bottom:1px solid black;
  border-style:none;
  color:white;
  }
  .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-collapse {
    /*border-color:rgba(255,255,255,.02);*/
    border-style:none;
    /*border-bottom:1px solid #036536;*/
  }
  .navbar-default .navbar-toggle {
    background-color:black;
    border-color:black;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color:#fff
  }
  .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
    background-color:black;
  }
/*  .navbar-default .nav li a {
    font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-top:20px;
    padding-top:15px;
    text-transform:uppercase;
    text-align:center;
    font-weight:600;
    letter-spacing:1px;
    color:#ffffff;*/
    /*color:black;*/
 /* }*/

  .navbar-default .navbar-nav>.active>a {
    border-radius:0;
    color:#fff;
    background-color:#fed136
  }
  .navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
    color:#fff;
    background-color:#fec503
  }
  
  .navbar-fixed-top {
    background-color:transparent;
    min-height:100px;
    /*border-style:none;*/
  }

 /* 
  .navbar-fixed-top .nav li a{
  color:#70BF08;
  font-size:20px;
  text-shadow: 2px 2px 4px black;
}
*/

.navbar-default.navbar-shrink .nav li a {      
      text-shadow: none;
      box-shadow: none;      
}
  
  @media (min-width:768px) {
    .navbar-default {
      background-color:transparent;
      /*padding:25px 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:#70BF08;*/
      background-color:rgba(0, 90, 90, 0.5);
      text-shadow: none;
      border-bottom:1px solid black;
      padding:10px 0
    }
    
    .navbar-default.navbar-shrink.nav li a{
      color:black;
    }
    
    .navbar-default.navbar-shrink .navbar-brand {
      font-size:1.5em
    }
    
    .navbar-default .nav li a:hover,.navbar-default .nav li a:focus {
      box-shadow:none;
    }
  }
  
  @media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

  .navbar-default.navbar-shrink.nav li a{
      text-align:center;
    }
    
    .navbar-default.navbar-shrink{
      border-bottom:1px solid black;
    }
  
  /*nav.navbar.navbar-default.navbar-fixed-top.shrink.navbar-shrink {

      border-bottom:1px solid black;

    }*/
    
    .navbar-default .nav li a:hover,.navbar-default .nav li a:focus {
      box-shadow:none;
    }
}


@-webkit-keyframes typing {
    from { width: 0 }
    to { width:20.5em;}
}

@-moz-keyframes typing {
    from { width: 0 }
    to { width:20.5em; }
}

@-webkit-keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: white }
}

@-moz-keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: white }
}

p.blink { 
    font-size:150%;
    width:20.5em;
  /*width:auto;*/
    white-space:nowrap;
    overflow:hidden;
    border-right: .1em solid white;
    
    -webkit-animation: typing 5s steps(60, end), /* # of steps = # of characters */
                        blink-caret 1s step-end infinite;
    -moz-animation: typing 5s steps(60, end), /* # of steps = # of characters */
                        blink-caret 1s step-end infinite;
}