:root {
    --subscription-navigation-logo-gap: 5px;
    --subscription-navigation-logo-width: 150px;
    --subscription-navigation-longtermrental-width: 100px;
    --subscription-navigation-longtermrental-bottom: -5px;
    --subscription-navigation-longtermrental-right: -50px;
    --subscription-navigation-logo-margin-bottom: 15px;
    --subscription-navigation-content-top: 130px;
}

.header_navigation > .nav_header_bg > .nav_header > .subscription_logo_link {
    gap: var(--subscription-navigation-logo-gap);
    justify-content: start;
    flex-direction: row;
    position: relative;
    align-items: end;
    display: flex;
}

.header_navigation > .nav_header_bg > .nav_header > .subscription_logo_link > .subscription_logo_img {
    width: var(--subscription-navigation-logo-width);
}

.header_navigation > .nav_header_bg > .nav_header > .subscription_logo_link > .subscription_logo_descr_img {
    bottom: var(--subscription-navigation-longtermrental-bottom);
    right: var(--subscription-navigation-longtermrental-right);
    width: var(--subscription-navigation-longtermrental-width);
    position: absolute;
}

#menu_content {
    top: var(--subscription-navigation-content-top)!important;
}

@media only screen and (max-width: 860px) {
    :root {
        --subscription-navigation-logo-width: 120px;
        --subscription-navigation-longtermrental-bottom: -10px;
        --subscription-navigation-longtermrental-right: -50px;
        --subscription-navigation-content-top: 106px;
        --subscription-navigation-logo-margin-bottom: 11px;
    }
}

@media only screen and (max-width: 560px) {
    :root {
        --subscription-navigation-logo-width: 100px;
        --subscription-navigation-longtermrental-width: 80px;
        --subscription-navigation-content-top: 90px;
        --subscription-navigation-logo-margin-bottom: 9px;
        --subscription-navigation-longtermrental-bottom: -5px;
        --subscription-navigation-longtermrental-right: -40px;
    }
}
