#navbar li a {
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    font-family: "Myriad Pro", serif;
    letter-spacing: 1px;
}
#navbar li a:hover {
    color: black;
}

#navbar li a img:hover {
    opacity: 70%;
}

.navbar-toggler {
    outline: none !important;
}
.navbar-toggler .icon-bar {
    background-color: black;
}
.navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    transition: all 0.2s;
}
.navbar-toggler .icon-bar + .icon-bar {
    margin-top: 4px;
}
.navbar-toggler {
     border: none;
     background: transparent !important;
 }
.navbar-toggler:hover {
    background: transparent !important;
}
.navbar-toggler[aria-expanded="true"] .icon-bar:nth-child(1) {
    transform: rotate(45deg) translate(5px, 4px);
}
.navbar-toggler[aria-expanded="true"] .icon-bar:nth-child(2) {
    opacity: 0;
}
.navbar-toggler[aria-expanded="true"] .icon-bar:nth-child(3) {
    transform: rotate(-45deg) translate(4px, -4px);
}