.work-title {
    font-size: 28px;
    color: #1D1724;
    line-height: 31px;
    font-weight: bold;
    text-align: center;
    margin: 72px 0 64px;
}

.work-title-green {
    color: #024260;
}

.work-process-center {
    position: relative;
    width: 787px;
    height: 257px;
    background: no-repeat url("../images/Howdoit/line-1234.png");
    margin: 0 auto 20px;
}

.work-process-center-desc {
    position: absolute;
    width: 186px;
    font-size: 18px;
    color: #1D1724;
    text-align: center;
}

.footer {
    position: fixed;
    bottom: 0;
}

@media (min-width: 768px) {
    .work {
        min-width: 800px;
    }
    .work-process-top {
        display: flex;
        /* justify-content: center; */
        width: 787px;
        margin: 0 auto 20px;
    }
    .work-process-bottom {
        display: flex;
        width: 787px;
        margin: 0 auto 61px;
    }
    .work-process-center-desc-1 {
        left: 8px;
        bottom: 0;
    }  
    .work-process-center-desc-2 {
        left: 205px;
        top: 0;
    } 
    .work-process-center-desc-3 {
        right: 205px;
        bottom: 0;
    } 
    .work-process-center-desc-4 {
        right: 0;
        top: 0;
    }
    .work-process-top-left {
        margin: 0 300px 0 60px;
    }
    .work-process-bottom-left {
        margin: 0 300px 0 250px;
    }
}
@media (max-width: 768px) {
    .work-process {
        position: relative;
    }
    .work-title {
        text-align: left;
        margin: .83rem 0 .78rem .56rem;
        font-size: .69rem;
    }
    .work-process-center {
        height: 15.92rem;
        width: 100%;
        background: no-repeat url("../images/Howdoit/numbering-timeline-mobile.svg");
        background-size: 2.81rem auto;
        background-position: center top;      
    }
    .work-process-top {
        flex-direction: column;
    }
    .work-process-top-left, .work-process-top-right, .work-process-bottom-left, .work-process-bottom-right {
        width: 1.72rem;
        position: absolute;
    }
    .work-process-center-desc {
        width: 4.22rem;
        font-size: .39rem;
    }
    .work-process-center-desc-1 {
        left: .67rem;
        top: 1.1rem;
        text-align: right;
    }  
    .work-process-center-desc-2 {
        right: .67rem;
        top: 5.4rem;
        text-align: left;
    } 
    .work-process-center-desc-3 {
        left: .67rem;
        top: 8.8rem;
        text-align: right;
    } 
    .work-process-center-desc-4 {
        right: .67rem;
        top: 12.8rem;
        text-align: left;
    }
    .work-process-top-left {
        right: 1.25rem;
        top: 1.33rem;
    }
    .work-process-top-right {
        top: 9.22rem;
        right: 1.25rem;
    }
    .work-process-bottom-left {
        left: 1.25rem;
        top: 5.19rem;
    }
    .work-process-bottom-right {
        left: 1.25rem;
        bottom: 1.33rem;
    }
}