.flex_container {
    display: flex;
    flex-direction: column;
}

.order1 {
    order: 1;
}

.order2 {
    order: 2;
}

.statement_generator {
    height: 440px;
    text-align: center;
    font-family: Open Sans;
    background: url('/img/thesis_generator/thesis_generator_bg.jpg') no-repeat center center;
}

.statement_generator ul {
    padding: 0;
    font-size: 11px;
    margin: 15px 0 35px;
    list-style: none;
    overflow: hidden;
}

.statement_generator .breadcrumbs_generator li {
    float: left;
}

.statement_generator .breadcrumbs_generator li a, .statement_generator .breadcrumbs_generator li.active {
    color: #999;
    font-size: 12px;
    display: block;
}

.statement_generator .breadcrumbs_generator li:last-child:before {
    content: '>';
    color: #999;
    padding: 0 8px;
}

.statement_generator .breadcrumbs_generator li:last-child:after {
    content: '';
}

.statement_generator .title_bl {
    font-family: Roboto;
    font-size: 50px;
    font-weight: bold;
    line-height: 1;
    color: #37474f;
}

.statement_generator .after_title {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 20px;
}

.block_choose_type {
    margin-top: 60px;
    text-align: center;
}

.block_choose_type .choose_title {
    font-family: Roboto;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.block_choose_type .btn_argument_essay, .block_choose_type .btn_compare_essay {
    color: #fff;
    width: 270px;
    line-height: 50px;
    border-radius: 3px;
    background : #18b5f9;
    display: inline-block;
    font-family: Roboto;
    font-weight: bold;
    text-align: center;
}

.block_choose_type .btn_argument_essay {
    background : #18b5f9;
    margin-right: 30px;
}

.block_choose_type .btn_compare_essay {
    background: #3088b0;
}

.block_choose_type .btn_argument_essay:hover, .block_choose_type .btn_argument_essay:active, .block_choose_type .btn_compare_essay:hover, .block_choose_type .btn_compare_essay:active {
    color: #fff;
    opacity: 0.8;
    text-decoration: none;
}

.how_work_generator {
    text-align: center;
    padding: 50px 0 80px;
}

.how_work_generator .title_bl {
    font-family: Roboto;
    font-size: 32px;
    font-weight: bold;
}

.how_work_generator .after_title {
    font-family: Open Sans;
    font-size: 14px;
    line-height: 1.57;
    color: #888d94;
    margin: 15px 0 50px;
}

.how_work_generator .step_block {
    width: 240px;
    margin: 0 auto;
    position: relative;
}

.how_work_generator .step_block:before {
    position: absolute;
    right: -60px;
    top: 50%;
    margin-left: -15px;
    content: url("/img/thesis_generator/arrow_r.svg");
}

.how_work_generator .step_block_last:last-child:before {
    content: '';
}

.how_work_generator .step_title {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    color: #2e4854;
    text-align: left;
    font-family: Roboto;
    display: inline-block;
    text-transform: uppercase;
}

.how_work_generator .first_step, .how_work_generator .second_step, .how_work_generator .third_step {
    display: inline-block;
}

.how_work_generator .first_step:before, .how_work_generator .second_step:before, .how_work_generator .third_step:before {
    top: 10px;
    position: relative;
    left: -20px;
}

.how_work_generator .first_step:before {
    content: url(/img/thesis_generator/step_1.svg);
}

.how_work_generator .second_step:before {
    content: url(/img/thesis_generator/step_2.svg);
}

.how_work_generator .third_step:before {
    content: url(/img/thesis_generator/step_3.svg);
}

.thesis_statements {
    padding: 40px 0;
    background: #f6f7f7;
}

.thesis_statements .title_bl {
    font-family: Roboto;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.47;
    text-align: center;
    color: #2e4854;
    margin-bottom: 40px;
}

.thesis_statements  .thesis_bl {
    min-height: 194px;
    background: #fff;
    position: relative;
    padding: 25px 30px 15px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.09);
}

.thesis_statements  .thesis_bl .title {
    font-family: Roboto;
    font-size: 16px;
    font-weight: bold;
    color: #18b5f9;
}

.thesis_statements  .thesis_bl .text_bl {
    padding: 15px 0;
    font-size: 14px;
}

.thesis_statements  .thesis_bl subject {
    font-family: Open Sans;
    font-size: 14px;
    color: #546e7a;
}

.thesis_statements  .thesis_bl .subject {
    font-size: 12px;
    position: absolute;
    left: 30px;
    bottom: 20px;
    font-family: Open Sans;
}

.thesis_statements  .thesis_bl .subject span {
    color: #a8adb7;
}

.thesis_content {
    color: #546e7a;
    font-size: 14px;
    padding: 45px 0 80px;
}

.thesis_content .interior_bl_text {
    padding: 0 100px;
}

.thesis_content h1 {
    font-size: 32px;
    color: #2e4854;
    margin: 0 0 45px;
    text-align: center;
    font-family: Roboto;
}

.thesis_content h2 {
    font-size: 24px;
    margin-bottom: 30px;
}

.thesis_content h3 {
    font-size: 18px;
}

.thesis_content p {
    margin-bottom: 15px;
    line-height: 22px;
}

.thesis_content h1, .thesis_content h2, .thesis_content h3 {
    font-weight: bold;
}

.disk_none {
    margin: 0;
    padding: 0;
    list-style: none;
}

.disk_none li {
    margin-bottom: 15px;
}

.start_generating {
    height: 360px;
    background: url('/img/thesis_generator/start_generating_bg.jpg') no-repeat center center;
}

.start_generating .title {
    font-family: Roboto;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.47;
    padding-top: 60px;
    text-align: center;
}
@media (min-width: 992px) and (max-width: 1199px) {

    .thesis_statements .thesis_bl {
        min-height: 220px;
    }

}

@media (min-width: 320px) and (max-width: 991px) {

    .how_work_generator .step_block:before {
        content: '';
    }

    .thesis_statements .thesis_bl {
        min-height: 1px;
    }

    .thesis_statements .thesis_bl .subject {
        position: static;
    }

    .thesis_statements .thesis_bl {
        margin-bottom: 25px;
    }

    .how_work_generator .step_block {
        margin: 0 auto 30px;
    }

    .how_work_generator .step_block_last {
        margin: 0 auto;
    }

}


@media (min-width: 320px) and (max-width: 1199px) {

    .thesis_content .interior_bl_text {
        padding: 0;
    }

}

@media (min-width: 320px) and (max-width: 767px) {

    .statement_generator {
        background: #eee;
        height: auto;
        padding-bottom: 30px;
    }

    .statement_generator .title_bl {
        font-size: 36px;
    }

    .statement_generator .after_title {
        font-size: 14px;
        margin-top: 30px;
    }

    .block_choose_type {
        margin-top: 25px;
    }

    .block_choose_type .choose_title {
        margin: 0 0 15px;
    }

    .block_choose_type .btn_argument_essay, .block_choose_type .btn_compare_essay {
        width: 290px;
        display: block;
        margin: 0 auto;
    }

    .block_choose_type .btn_argument_essay {
        margin: 0 auto 15px;
    }

    .how_work_generator {
        padding: 35px 0 80px;
    }

    .how_work_generator .after_title {
        margin: 15px 0 40px;
    }

    .thesis_statements {
        padding: 25px 0;
    }

    .thesis_statements .title_bl {
        font-size: 24px;
        margin-bottom: 25px;
    }

    .thesis_statements .thesis_bl {
        margin-bottom: 20px;
        text-align: center;
        padding: 25px 30px 20px;
    }

    .start_generating {
        height: auto;
        padding: 35px 0 40px;
        background: #eee;
    }

    .start_generating .title {
        font-size: 24px;
        padding-top: 0;
    }

}