.navbar-brand h1 {
    gap: 10px;
    font-size: 1.65rem !important;
}

.brand-logo {
    width: 46px;
    height: 46px;
}

.navbar-dark .navbar-nav .nav-link {
    padding: 22px 12px;
    font-size: 17px;
}

.navbar-dark .navbar-nav .nav-link.bg-primary {
    padding-right: 28px !important;
    padding-left: 28px !important;
    white-space: nowrap;
}

@media (max-width: 1199.98px) and (min-width: 992px) {
    .navbar-brand h1 {
        font-size: 1.35rem !important;
    }

    .brand-logo {
        width: 42px;
        height: 42px;
    }

    .navbar-dark .navbar-nav .nav-link {
        padding-right: 9px;
        padding-left: 9px;
        font-size: 16px;
    }
}

@media (max-width: 991.98px) {
    .navbar-brand h1 {
        font-size: 1.2rem !important;
    }

    .brand-logo {
        width: 42px;
        height: 42px;
    }
}

@media (max-width: 575.98px) {
    .navbar-brand h1 {
        font-size: .88rem !important;
    }

    .brand-logo {
        width: 36px;
        height: 36px;
    }
}