@media screen and (max-width: 768px) {
    html {
        font-size: 85%;
    }
    .work-img img {
        width: 100%;
    }
    .work-desc {
        width: 90%;
        height: 70%;
        position: relative;
        top: 5%;
        right: -5%;
        background-color: #fff;
        padding: 8% 0 0 4%;
    }
    .button {
        border: #000 solid 2px;
        width: 69.137vw;
        height: 13.363vw;
        margin-top: 4.729vw;
        padding: 5px;
    }
    .work-desc {
        width: 90%!important;
        height: 99%!important;
        position: relative;
        top: 5%!important;
        right: -5%!important;
        left: 5%!important;
        background-color: #fff;
        padding: 8% 4%!important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .work2 {
        width: 100%;
        height: 43vw;
        margin-top: 250px;
        text-align: right;
    }
    .button a, .button a:link, .button a:visited {
        display: block;
        width: 100%;
        height: 100%;
        background: #000000;
        padding: 2.525vw 1.576vw 0.525vw 2.927vw;
        text-decoration: none;
        font-size: 3.9vw;
        font-weight: 600;
        letter-spacing: 0.9vw;
        color: #fff!important;
        text-align: center;
    }
    .work2 > div.work-desc > .button {
        left: 0 !important;
    }
    .eg {
        margin-top: 280px;
    }
    .eg .logo {
        background-image: url('../../images/eglogo_mobile.png');
        background-size: 100%;
        width: 100%;
        height: 180vw;
        margin: 80px 0px;
    }
    .home {
        margin-top: 60px;
    }
}