.bg-menu {
    background: transparent;
}

.navbar {
    padding: 0.5rem 2rem;
}

.navbar-light .navbar-nav .nav-link {
    color: #FFF;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #FFF;
    text-decoration: underline;
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: #FFF;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: #FFF;
}

.navbar-light .navbar-toggler {
    color: #000000;
    border-color: #FFF;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

@media (max-width: 992px) {
    .navbar-collapse {
        position: fixed;
        top: 0;
        /* adjust to height of navbar */
        left: 0;
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 75%;
        height: 100%;
        background-color: #FFF;
        z-index: 9999;
        border-right: 1px solid #FF9100;
    }
    .navbar-collapse.collapsing {
        left: -75%;
        transition: height 0s ease;
    }
    .navbar-collapse.show {
        left: 0;
        transition: left 300ms ease-in-out;
    }
    .navbar-toggler.collapsed~.navbar-collapse {
        transition: left 500ms ease-in-out;
    }
    .navbar-light .navbar-nav .nav-link {
        color: #FF9100;
    }
    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: #FF9100;
        text-decoration: underline;
    }
    .navbar-light .navbar-nav .nav-link.disabled {
        color: #FF9100;
    }
    .navbar-light .navbar-nav .active>.nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .show>.nav-link {
        color: #FF9100;
    }
}