.navbar.site-navbar {
    min-height: 64px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background-color: rgba(19, 37, 48, 0.72) !important;
}

.site-navbar > .container {
    width: 100%;
    max-width: 1140px;
}

.site-navbar .navbar-brand {
    color: #fff !important;
    font-size: 1.25rem;
    line-height: 1.5;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
}

.site-navbar .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: normal;
    padding: 0.5rem 1rem;
    background-color: transparent !important;
}

.site-navbar .navbar-nav .nav-link:hover,
.site-navbar .navbar-nav .nav-link:focus,
.site-navbar .navbar-nav .nav-item.active .nav-link {
    color: #fff !important;
    background-color: transparent !important;
}

@media (max-width: 1199.98px) {
    .site-navbar > .container {
        max-width: 960px;
    }
}

@media (max-width: 991.98px) {
    .navbar.site-navbar {
        min-height: 56px;
    }

    .site-navbar > .container {
        max-width: 720px;
    }

    .site-navbar .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 767.98px) {
    .site-navbar > .container {
        max-width: 540px;
    }
}

@media (max-width: 575.98px) {
    .site-navbar > .container {
        max-width: 100%;
    }
}