#story{
    position: relative;
    overflow: hidden;
}

.bg-story{
    width: 64%;
    position: absolute;
    padding-top: 54%;
    background: url(../images/bg-box2.jpg) no-repeat;
    background-size: cover;
}
.story{
    padding-top: 35px;
}

.title-story{
    font-family: 'Roboto';
    font-weight: 900;
    color: #f7941d;
    font-size: 44px;
    line-height: 1.2;
    margin-bottom: 30px;
}

.title-story span{
    color: #000000;
}

.content-story{
    color: #000000;
    font-family: 'Roboto';
    line-height: 1.4;
    border: 6px solid #f7941d;
    padding: 23px 13px;
    background: #FFFFff;
    position: relative;
}

.content-story b{
    font-weight: bold;
}

.right-story{
    position: relative;
    margin-left: -20px;
}

.content-story-image-mobile{
    display: none;
}

@media only screen and (max-width : 768px) {
    .bg-story{
        display: none;
    }

    .title-story{
        background: url(../images/bg-mobile2.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        color: #FFFFff;
        padding: 21% 30px;
    }
    .title-story span{
        color: #FFFFff;
    }
    .right-story{
        margin-left: 0;
    }
    .content-story{
        border: none;
        padding: 0;
    }

    .content-story-image-mobile{
        display: block;
        background: url(../images/bg-mobile3.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        padding: 50%;
        position: relative;
        margin: 30px 0;
        margin-left: -15px;
        margin-right: -15px;
    }

    .main-content-story-image-mobile{
        position: absolute;
        color: #ffffff;
        font-size: 12px;
        font-family: 'Roboto';
        font-style: italic;
        line-height: 1.2;
        width: 185px;
        height: 185px;
        background: rgba(0,0,0,0.4);
        display: flex;
        align-items: center;
        padding: 30px;
        border-radius: 50%;
        right: 6%;
        bottom: 10%;
    }

    .main-content-story-image-mobile span{
        font-size: 14px;
        color: #ffa608;
        text-transform: uppercase;
    }

    .hidetextmobile{
        display: none;
    }
}
@media only screen and (max-width : 414px) {
    .title-story{
        font-size: 13px;
    }
}