.header__burger {
    display: none;
}

@media (max-width:1200px) {
    body.lock {
        overflow: hidden;
    }
    .header__body {
        height: 50px;
    }
    .header__logo {
        flex: 0 0 40px;
    }
    .burger-box p {
        font-size: 10px;
        text-transform: uppercase;
        margin-top: 5px;
    }
    .header__burger {
        display: block;
        position: relative;
        width: 30px;
        height: 20px;
        position: relative;
        z-index: 3;
    }
    .header__burger span {
        position: absolute;
        background-color: #fff;
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        top: 9px;
        transition: all 0.3s ease 0s;
    }
    .header__burger:before,
    .header__burger:after {
        content: '';
        background-color: #fff;
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        transition: all 0.3s ease 0s;
    }
    .header__burger:before {
        top: 0;
    }
    .header__burger:after {
        bottom: 0;
    }
    .header__burger.active span {
        transform: scale(0);
    }
    .header__burger.active:before {
        transform: rotate(45deg);
        top: 9px;
    }
    .header__burger.active:after {
        transform: rotate(-45deg);
        bottom: 9px;
    }
    .header__menu {
        position: fixed;
        top: -100%;
        left: 0;
        width: 500px;
        max-width: 100%;
        height: inherit;
        max-height: 100%;
        overflow: auto;
        transition: none;
        background-color: #000;
        padding: 0;
    }
    .header__link:not(:last-child) {
        border-bottom: 1px solid #fff;
    }
    .header__menu.active {
        top: 157px;
    }
    nav.header__menu.active {
        display: flex !important;
        flex-direction: column !important;
        width: 80%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .header__list {
        display: block;
    }
    .header__list li {
        margin: 0px;
        padding: 0 10px;
        padding-bottom: 10px;
        margin-top: 10px;
    }
    .header__link {
        font-size: 24px;
    }
}

.content {
    padding: 100px 0px 0px 0px;
}

.content__text {
    font-size: 18px;
    line-height: 25px;
}

.content__text p {
    margin: 0px 0px 20px 0px;
}

@media (max-width:1200px) {
    .content {
        padding: 70px 0px 0px 0px;
    }
}