/*.work-kv-container {
    width: 100%!important;
}*/

.work-kv-udg {
    background: url(../images/work-kv-udg_mobile.png)no-repeat center center;
    background-size: cover;
}

.section-designSystem {
    
}

.section-designSystem img {
    margin: 0 20px;
    width: calc(100% - 20px - 20px);
    padding: 32px 0 0 0;
}

.section-graphics img,
.section-overview img {
    width: 100%;
}

.section-socialMediaKVs .socialMediaKVs-container img {
    width: 100%;
    margin-bottom: 12px;
    padding: 32px 0 0 0;
}


/*font style*/

.section-challengesSolutions ul {
    list-style-type: disc;
    padding-left: 24px;
}

.section-challengesSolutions ul li {
    margin-bottom: 16px;
}

.section-challengesSolutions ul li b {
    font-size: 15px;
}

.section-challengesSolutions ul li p {
    font-size: 13px;
    color: var(--main-grey);
    margin: 8px 0;
}


/*font style ends*/

@media screen and (min-width: 425px) {
    .work-kv-udg {
        background: url(../images/work-kv-udg.png)no-repeat center center;
        background-size: cover;
    }
    .socialMediaKVs-container {
        display: flex;
        justify-content: space-between;
        padding: 48px 0 0 0;
    }

    .section-designSystem {
        padding: 120px 0 60px 0;
    }

    .section-designSystem img {
        display: block;
        margin: 0 auto;
        width: 1240px;
        padding: 48px 0 0 0;
    }
    .section-socialMediaKVs .socialMediaKVs-container img {
        width: calc(34.3% - 32px);
        margin-bottom: unset;
    }

    .section-projectBackground {
        padding: 226px 48px 0 48px;
        /*width: unset!important;*/
    }
    /*font style*/
    .section-challengesSolutions ul li {
        margin-bottom: 24px;
    }
    .section-challengesSolutions ul li b {
        font-size: 16px;
    }
    .section-challengesSolutions ul li p {
        font-size: 16px;
        margin: 12px 0;
    }
    /*font style ends*/
}