.title-block {
    align-items: center;
    background-position: 50%;
    background-image: url('/shop/about_us/img/1.webp');
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 629px;
    margin-bottom: 38px;
    width: 900px
}

.title-block__title {
    color: #fff;
    font-size: 36px;
    margin: 208px auto 42px
}

.title-block__text {
    font-family: Lazurski, sans-serif;
    font-size: 24px;
    line-height: 32px;
    margin: 0 auto;
    text-align: center;
    width: 691px
}

.title {
    display: grid;
    grid-template-columns:minmax(-webkit-min-content, -webkit-max-content);
    grid-template-columns:minmax(min-content, max-content);
    justify-content: center;
    justify-items: center
}

.title__logo {
    width: 34px
}

.title__logo_offset {
    margin-bottom: 18px
}

.title__text {
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    text-align: center
}

.title__line {
    background: #000
}

.blocks {
    display: grid;
    gap: 55px 0;
    max-width: 900px
}

.block {
    display: grid;
    gap: 0 33px
}

.block_type_about {
    grid-template-areas:"image     logo" "image descOne" "image descTwo" "image       ." "image       .";
    grid-template-columns:50% minmax(400px, 50%);
    grid-template-rows:repeat(5, 103px)
}

.block_type_desc-1 {
    grid-template-areas:".       image" "descOne image" ".       image";
    grid-template-columns:minmax(400px, 50%) 50%
}

.block_type_desc-1, .block_type_desc-2 {
    grid-template-rows:repeat(3, 171.66667px)
}

.block_type_desc-2 {
    gap: 0 60px;
    grid-template-areas:"image     ." "image     descOne" "image      .";
    grid-template-columns:50% minmax(400px, 50%)
}

.block_type_desc-3 {
    grid-template-areas:".       image" "descOne image" "button  image";
    grid-template-columns:minmax(400px, 50%) 50%
}

.block_type_desc-3, .block_type_desc-4 {
    gap: 0 50px;
    grid-template-rows:repeat(3, 171.66667px)
}

.block_type_desc-4 {
    grid-template-areas:"image     ." "image     descOne" "image      button";
    grid-template-columns:50% minmax(400px, 50%)
}

.block__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px
}

.block__text_type_center {
    align-self: center
}

.block__button {
    align-self: end;
    background: #000;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    opacity: 1;
    padding: 16px 75px 15px 76px;
    text-align: center;
    text-decoration: none;
    transition: opacity .5s linear
}

.block__button:hover {
    opacity: .8
}

.block__text_style_italic {
    font-family: Lazurski, sans-serif;
    font-style: italic;
    font-weight: 700;
    line-height: 21px
}

.block__title-offset {
    margin-bottom: 58px
}

.block__image {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.block__line-offset {
    margin: 4px 0 0
}

.area_name_logo {
    grid-area: logo
}

.area_name_image {
    grid-area: image
}

.area_name_descOne {
    grid-area: descOne
}

.area_name_descTwo {
    grid-area: descTwo
}

.area_name_button {
    grid-area: button
}

.no-margin {
    margin: 0
}

@media screen and (max-width: 426px) {
    .title-block {
        height: 300px;
        margin-bottom: 25px;
        width: 100%
    }

    .title-block__title {
        color: #fff;
        font-size: 24px;
        margin: 70px auto 28px
    }

    .title-block__text {
        font-size: 16px;
        line-height: 21px;
        padding: 0 36px;
        width: 100%
    }

    .blocks {
        display: grid;
        gap: 25px 0;
        margin: 0 auto;
        max-width: 350px
    }

    .block_type_about {
        grid-template-areas:"logo" "descOne" "image" "button" "descTwo";
        grid-template-columns:minmax(-webkit-min-content, 350px);
        grid-template-columns:minmax(min-content, 350px);
        grid-template-rows:auto auto minmax(227px, -webkit-max-content) auto auto;
        grid-template-rows:auto auto minmax(227px, max-content) auto auto
    }

    .block_type_desc-1, .block_type_desc-2 {
        grid-template-areas:"image" "descOne";
        grid-template-columns:minmax(-webkit-min-content, 350px);
        grid-template-columns:minmax(min-content, 350px);
        grid-template-rows:minmax(400px, -webkit-max-content) auto;
        grid-template-rows:minmax(400px, max-content) auto
    }

    .block_type_desc-3, .block_type_desc-4 {
        grid-template-areas:"image" "descOne" "button";
        grid-template-columns:minmax(-webkit-min-content, 350px);
        grid-template-columns:minmax(min-content, 350px);
        grid-template-rows:minmax(400px, -webkit-max-content) auto auto;
        grid-template-rows:minmax(400px, max-content) auto auto
    }

    .block__button {
        padding: 15px 66px
    }

    .block__button_type_long-name {
        padding: 15px 22px
    }

    .block__title-offset {
        margin-bottom: 28px
    }

    .block__text-offset {
        margin-bottom: 35px
    }

    .block__button-offset {
        margin-top: 14px
    }

    .block__button-offset-2, .block__text-offset-2 {
        margin-top: 25px
    }

    .title__logo_offset {
        margin-bottom: 9px
    }

    .title__text {
        font-size: 16px;
        line-height: 21px
    }
}