.navbar .navbar-brand img {
    display: block;
    width: 120px;
    max-width: 100%;
    height: auto;
}

@media (max-width: 991.98px) {
    .navbar > .container {
        flex-wrap: wrap;
    }

    .navbar .navbar-toggler {
        flex: 0 0 auto;
        padding: 0.5rem 0.65rem;
        border: 1px solid #ced4da;
        border-radius: 0.375rem;
    }

    .navbar .navbar-toggler-icon {
        width: 1.5rem;
        height: 1.5rem;
        background-image:
            linear-gradient(#212529, #212529),
            linear-gradient(#212529, #212529),
            linear-gradient(#212529, #212529);
        background-repeat: no-repeat;
        background-position: center 5px, center 11px, center 17px;
        background-size: 22px 2px;
    }

    .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        background-image:
            linear-gradient(45deg, transparent 47%, #212529 47%, #212529 53%, transparent 53%),
            linear-gradient(-45deg, transparent 47%, #212529 47%, #212529 53%, transparent 53%);
        background-position: center, center;
        background-size: 22px 22px;
    }

    .navbar .navbar-brand {
        display: flex;
        flex: 1 1 0;
        justify-content: center;
        min-width: 0;
        margin: 0 !important;
    }

    .navbar .navbar-brand img {
        width: clamp(90px, 16vw, 120px);
    }

    .navbar .navbar-collapse {
        flex-basis: 100%;
    }
}