:root {
    --subscription-navigation-logo-gap: 5px;
    --subscription-navigation-logo-width: 150px;
    --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;
    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 {
    margin-bottom: var(--subscription-navigation-logo-margin-bottom);
    width: var(--subscription-navigation-logo-width);
}

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

@media only screen and (max-width: 860px) {
    :root {
        --subscription-navigation-logo-width: 120px;
        --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-content-top: 90px;
        --subscription-navigation-logo-margin-bottom: 9px;
    }
}