body {
    font-family: 'Roboto', sans-serif;
}

.navbar {
    background: rgba(39, 39, 39, 0.5);
    transition: background-color 0.4s ease-out;
}

.navbar.scrolled {
    background: #0D0D0D;
}

.navbar-nav a {
    /* font-family: poppins; */
    font-size: 15px;
    /* text-transform: uppercase; */
    font-weight: 400;
}

.navbar-light .navbar-nav .nav-link {
    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-brand:focus,
.navbar-light .navbar-brand:hover {
    color: #FFF;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #f4b214 !important;
}

.navbar-nav {
    text-align: left;
}

.nav-link {
    padding: .2rem 1rem;
}

.navbar-light .navbar-brand {
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    /* margin-left: .1rem; */
    margin-right: .1rem;
}

.dropdown-submenu-right {
    position: relative;
}

.dropdown-submenu-right a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
}

.dropdown-submenu-right .dropdown-menu {
    top: 0;
    right: 100%;
    left: unset;
    margin-left: .1rem;
    margin-right: .1rem;
}