.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #202d39;
    transition: all 300ms ease-in-out;
    z-index: 100;
    border-top: 2px solid #4d831d;
    color: #fffdfa;
}
    .header button {
        transition: all 300ms ease-in-out;
    }


.shadowed {
    text-shadow: 1px 1px 1px black;
}

.box-shadowed {
    box-shadow: 1px 1px 1px 1px black;
}

.no-hover-shadow:hover, .dropdown.show .no-hover-shadow {
    text-shadow: none;
}


.logo-wrapper {
    min-width: 140px;
}

#logo-text {
    display: inline-block;
    margin-left: 6px;
    font-size: 22px;
    color: inherit;
}

    #logo-text:hover {
        color: white;
    }

.nav-link.al-link.p-1 {
    position: relative;
    border: none;
    display: inline-block;
    color: white;
    font-size: 18px;
    transition: all 300ms ease-in-out;
    margin-left: 8px;
    margin-right: 8px;
    cursor: pointer;
}

.al-link:hover .al-link-bar,
.al-link:focus .al-link-bar {
    border-bottom-color: rgba(255, 255, 255, 0.5);
}

.al-link-bar {
    position: absolute;
    bottom: 0;
    width: 70%;
    margin-left: 15%;
    border-bottom: solid 2px transparent;
}

a.nav-link.al-link.p-1.selected:hover {
    color: white;
    cursor: default;
}

.selected .al-link-bar,
.selected:hover .al-link-bar,
.selected:focus .al-link-bar {
    border-bottom-color: #4d831d;
}

.al-hide-nav-background {
    background: transparent;
}

.dropdown-toggle::after {
    position: absolute;
    top: 50%;
}

@media (max-width: 480px) {
    .nav-link.al-link.p-1 {

    }
}