@media screen and (max-width: 560px) {
    .black-bar__logo-normal {
        display: none;
    }

    .black-bar__logo-small {
        display: block;
    }

    .black-bar__logo {
        width: 40px;
    }
}

@media screen and (max-width: 360px) {
    .black-bar {
        height: auto;
    }

    .black-bar__user-login {
        text-align: center;
    }

    .black-bar-top-background {
        display: block !important;
    }
}