/* the tasty burger */
    .navbar-toggle {
      background-color: transparent;
    }
    
    .burger-menu {
        position: relative;
        width: 2.5em;
        height: 2.5em;
        cursor: pointer;
        font-size: 13px;
    }
    .burger {
        position: absolute;
        background: rgba(255,255,255,0.9);
        width: 100%;
        height: 0.5em;
        top: 50%;
        right: 0px;
        margin-top: -0.2em;
        opacity: 1;
    }
    .burger::before, .burger::after {
        position: absolute;
        background: rgba(255,255,255,0.9);
        width: 100%;
        height: 0.5em;
        content: "";
        display: block;
    }
    .burger::before {
        top: 1em;
    }
    .burger::after {
        bottom: 1em;
    }
    .burger::after, .burger::before, .burger {
      transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
    }
    .burger-menu.menu-on .burger::after{
       transform: rotate(-45deg);
       -webkit-transform: rotate(-45deg);
      bottom: 0px;
    }
    .burger-menu.menu-on .burger::before{
       transform: rotate(45deg);
       -webkit-transform: rotate(45deg);
      top: 0px;
    }
    .burger-menu.menu-on .burger{
     background: rgba(111,111,111,.0);
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
      background-color: transparent;
    }

  /* other */
    .navbar-toggle {
      border: 0;
    }

  /* black */
     .burger-black.burger, .burger-black.burger::before, .burger-black.burger::after {
        background: rgba(0, 0, 0, 0.9);
    }
    .burger-menu {
        box-shadow: none;
    }

    .burger-black.burger:focus, .burger-black.burger:focus::before, .burger-black.burger:focus::after {
      background: rgb(206, 29, 47);
    }