.foreword_area{
    //margin-top: -40px;
    //padding-top: 0px;
    //margin-bottom: -40px;
    /*padding-bottom: 110px;*/
    background-color: #F5F5F5;

    @media #{$mobile_device} { /* (max-width: 767px) */
        margin-bottom: 0px;
    }
    @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
        margin-bottom: 0px;
    }
    @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
    }
    @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
    }

    .image-container{
        //position: absolute;
        @media #{$mobile_device} { /* (max-width: 767px) */
            position: relative;
        }
        @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
            position: relative;
        }
        @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
        }
        @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
        }
    }
    h1 {
        color: #585858;
        font-family: Barlow;
        font-size: 42px;
        font-style: normal;
        font-weight: 900;
        line-height: 50px; /* 120.833% */
        margin-bottom: 30px;
        text-align: left;
        /*letter-spacing: 4.8px;*/
    }
    @media #{$mobile_device} {
    margin-top: 0px;
    }
    @media #{$tablet_device} {
    margin-top: 0px;
    }
    @media #{$mid_device} {
    }
}