.navbar
{
    padding: 0px;
    -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
}

.navbar .container, .navbar .container-sm, .navbar .container-md, 
.navbar .container-lg, .navbar .container-xl, .navbar .container-xxl
{
    margin: 0px;
}

.navbar-dark .navbar-brand
{
    color: #00ccff;
    font: 18px verdana;
    padding: 15.5px 0px;
}

.navbar-dark .navbar-brand:hover
{
    color: #269EDE;
    text-decoration: none;
}

.navbar-dark .navbar-nav
{
    margin: 0px auto;
}

.navbar-dark .navbar-nav .nav-link
{
    padding: 17px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    color: #ddd;
    font-weight: 700;
}
    .navbar .navbar-nav .nav-link.active
    {
        color: #fff;
        background: #269EDE !important;
    }

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus
{
    color: #fff;
    background: #424242;
}

.navbar-dark .btn-link:focus, .navbar-dark .btn-link.focus, .navbar-dark .btn-link:hover, 
.navbar-dark .btn-link:active, .navbar-dark .btn-link.active
{
    background-color: transparent;
    color: #ffd8a6;
}

.navbar-dark .navbar-toggler
{
    color: #fff;
    padding: 15.5px 0.75rem;
}


@media screen and (max-width: 769px)
{
    .navbar .container, .navbar .container-sm, .navbar .container-md, 
    .navbar .container-lg, .navbar .container-xl, .navbar .container-xxl
    {
        padding: 0px
    }

    .navbar-dark .brand-wrapper
    {
        flex-grow: 2;
        padding-left: 12px;
    }
}

@media screen and (max-width: 360px)
{
    .navbar-dark .btn-link
    {
        margin: 0px !important;
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
}