img {
    max-width         : none;
    height            : auto;
    box-sizing        : unset;
    -moz-box-sizing   : unset;
    -webkit-box-sizing: unset
}

.image_banner_about {
    overflow: hidden
}

.image_banner_about img {
    width      : 210%;
    margin-left: -145px;
    margin-top : 80px
}

.txtbanner-about {
    position  : absolute;
    text-align: right;
    right     : 25px;
    top       : 120px;
    z-index   : 1
}

.txtbanner-about .txthead-ban {
    font-family  : 'DB Helvethaica X Med';
    color        : #6d3f27;
    font-size    : 30px;
    line-height  : 1em;
    margin-bottom: 0
}

.txtbanner-about .txtdetal-ban {
    font-family  : DDayStencil;
    font-size    : 15px;
    margin-bottom: 0;
    color        : #f08a2d
}

.about-bodyfiel .container .text_head_about P {
    font-size    : 35px;
    color        : #241a0f;
    margin-bottom: 0
}

.about-bodyfiel .container .txt-con1 P {
    color      : #241a0f;
    font-family: 'DB Helvethaica X Reg';
    font-size  : 22px;
    line-height: 1.2em
}

.about-bodyfiel .container .txt-con1 span {
    font-family: 'DB Helvethaica X Med';
}

.about-bodyfiel .container .image_content_about {
    margin-bottom: 10px
}

.about-bodyfiel .container .image_content_about img {
    width: 100%
}

.about-bodyfiel .container .txt-con2 {
    margin-bottom: 40px
}

.about-bodyfiel .container .txt-con2 P {
    color      : #241a0f;
    font-family: 'DB Helvethaica X Reg';
    font-size  : 22px;
    line-height: 1.2em
}

.about-bodyfiel .container .txt-con2 span {
    font-family: 'DB Helvethaica X Med';
}

@media screen and (min-width:768px) {
    .image_banner_about img {
        width      : 100%;
        margin-left: 0;
        margin-top : -20px
    }

    .txtbanner-about {
        text-align: right;
        right     : 5%;
        top       : 20%
    }

    .txtbanner-about .txthead-ban {
        font-size: 50px
    }

    .txtbanner-about .txtdetal-ban {
        font-size: 25px
    }

    .about-bodyfiel .container .text_head_about P {
        font-size    : 50px;
        margin-bottom: 0
    }

    .about-bodyfiel .container .txt-con1 P {
        font-size  : 22px;
        line-height: 1.2em
    }

    .about-bodyfiel .container .image_content_about {
        margin-bottom: 10px
    }

    .about-bodyfiel .container .image_content_about img {
        width: 100%
    }

    .about-bodyfiel .container .txt-con2 {
        margin-bottom: 40px
    }

    .about-bodyfiel .container .txt-con2 P {
        font-size  : 22px;
        line-height: 1.2em
    }
}

@media screen and (min-width:992px) {
    .image_banner_about img {
        width     : 100%;
        margin-top: -26px
    }

    .txtbanner-about {
        right: 10%;
        top  : 17%
    }

    .txtbanner-about .txthead-ban {
        font-size: 60px
    }

    .txtbanner-about .txtdetal-ban {
        font-size: 30px
    }

    .about-bodyfiel .container .text_head_about P {
        font-size    : 50px;
        margin-bottom: 0
    }

    .about-bodyfiel .container .txt-con1 P {
        font-size  : 25px;
        line-height: 1.2em
    }

    .about-bodyfiel .container .image_content_about {
        margin-bottom: 10px
    }

    .about-bodyfiel .container .image_content_about img {
        width: 100%
    }

    .about-bodyfiel .container .txt-con2 {
        margin-bottom: 40px
    }

    .about-bodyfiel .container .txt-con2 P {
        font-size  : 25px;
        line-height: 1.2em
    }
}

@media screen and (min-width:1200px) {
    .image_banner_about img {
        width     : 100%;
        margin-top: -3%
    }

    .txtbanner-about {
        right: 10%;
        top  : 40%;
    }

    .txtbanner-about .txthead-ban {
        font-size: 60px
    }

    .txtbanner-about .txtdetal-ban {
        font-size: 30px
    }

    .about-bodyfiel .container .text_head_about P {
        font-size    : 50px;
        margin-bottom: 0
    }

    .about-bodyfiel .container .txt-con1 P {
        font-size  : 25px;
        line-height: 1.2em
    }

    .about-bodyfiel .container .image_content_about {
        margin-bottom: 10px
    }

    .about-bodyfiel .container .image_content_about img {
        width: 100%
    }

    .about-bodyfiel .container .txt-con2 {
        margin-bottom: 10%
    }

    .about-bodyfiel .container .txt-con2 P {
        font-size  : 25px;
        line-height: 1.2em
    }
}

@media screen and (min-width:1600px) {
    .image_banner_about img {
        width     : 100%;
        margin-top: -3%
    }

    .txtbanner-about {
        right: 16%;
        top  : 30%
    }

    .txtbanner-about .txthead-ban {
        font-size: 80px
    }

    .txtbanner-about .txtdetal-ban {
        font-size: 40px
    }

    .about-bodyfiel .container .text_head_about P {
        font-size    : 60px;
        margin-bottom: 0
    }

    .about-bodyfiel .container .txt-con1 P {
        font-size  : 30px;
        line-height: 1.2em
    }

    .about-bodyfiel .container .image_content_about {
        margin-bottom: 10px;
        text-align   : center
    }

    .about-bodyfiel .container .image_content_about img {
        width: auto
    }

    .about-bodyfiel .container .txt-con2 P {
        font-size  : 30px;
        line-height: 1.2em
    }
}