.activity_context {
    max-width: 1200px;
    margin: auto;
    position: relative;
    align-items: center;
    align-content: center;
    padding-right: 50px;
    padding-top: 45px;
}
.element {
    margin-top: 50px;
    margin-bottom: 0px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    position: relative;
    align-content: flex-start;
    flex-wrap: wrap;
}
.width30{
    width: 30%;
    position: relative;
}
.width70 {
    max-width: 70%;
    height: auto;
}
.pic_style {
    width: 100%;
    height: auto;
}

.textbox_div {
    align-items: center;
    align-content: center;
    background-color: white;
    box-shadow: 0px 5px 50px 0px rgba(33, 33, 33, 0.15);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 25px 45px 48px -72px;
    --e-column-margin-right: 0px;
    --e-column-margin-left: -100px;
    padding: 40px 40px 40px 40px;
}
.picture_dimension {
    width: 69.333%;
}
.activity_title {
    color: #B28B15;
    line-height: 1.3em;
    box-sizing: inherit;
    font-size: 35px;
    font-weight: 700;
}

.text-style {
    font-size: 18px;
}

.separator-style {
    width: 340px;
    height: 2px;
    background-color: black;
    border: 0px;
    margin-top: 27px;
    margin-left: 48px;
    margin-bottom: 26px;
}
.text-alight-right {
    text-align: right;
    z-index: 7;
    margin-right: -75px;
    margin-left: 48px;
}
.flex {
    display: flex;
}
.margin-left-sep {
    margin-left: -108px;
    width: 340px;
}
@media (max-width: 1140px) {
    .element {
        margin-bottom: 0px;
        width: 100%;
        box-sizing: border-box;
        display: block;
        position: relative;
        align-content: flex-start;
        flex-wrap: wrap;
    }
    .width30 {
        width: 100%;
    }
    .width70 {
        max-width: 97%;
    }
    .flex {
        display: flex;
        flex-wrap: wrap;
    }

    .textbox_div {
        margin: -59px 41px 29px 46px;
    }
    .text-alight-right {
        text-align: right;
    }
    .margin-left-sep {
        width: 80%;
        margin-left:0;
    }
    .separator-style {
        width: 80%;
    }
    .element>.right>:first-child {
        order: 10;
    }

}