/****************************Блок Хедер***************************************************/

.header {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    background-color: var(--course-header-background-color);
}

.header__block_menu {
    margin: 23px 0px 23px 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.header__logo {
    width: 136px;
    margin-right: 18px;
    margin-top: 2px;
}

.header__logo img {
    width: 100%;
}

.header__button {
    display: none;
}

.header__background_design {
    margin-top: -1.625rem;
}

/*****************************************************************************************/
/******************************Ширина экрана 1790px до 1200px******************************/

@media screen and (max-width: 1790px) {
    .header__background_design {
        margin-top: 2.5rem;
    }
}


/******************************Ширина экрана 1600px до 769px******************************/

@media screen and (max-width: 1200px) {
    .header__block_menu {
        justify-content: space-between;
        margin: 1.4375rem 2.5rem 1.4375rem 2.5rem
    }

    .header__button {
        display: block;
        width: 2rem;
        height: 2rem;
        border: none;
        background-color: var(--course-header-hamburger-background);
        background-image: var(--course-header-menu-hamburger-icon);
        background-size: contain;
    }

    .header__background_design {
        width: 100%;
    }
}


/****************************************************************************************/


/******************************Ширина экрана до 769px******************************/

@media screen and (max-width: 768px) {
    .header__block_menu {
        margin: 1.25rem 1.25rem 0rem 1.25rem;
    }

    .header__background_design {
        display: none;
    }
}