@media only screen and (max-width: 767px) {

    h1 {
        padding: 0;
        /* font-size: 37px; */
        font-size: 57px;
        line-height: 0.9;
        max-width: 100%;
        text-align: left;
        position: fixed;
        margin-top: 22px;
    }

    .top {
        margin-bottom: 100px;
        margin-top: -20px;
    }

    #stuffs {
        width: 43vw;
        position: fixed;
        bottom: 2vh;
        right: 2vw;
    }

    #stuffs img {
        max-width: 160px;
    }

    p {
        font-size: 23px;
        letter-spacing: -0.01em;
        line-height: 25px;
    }

    .infos {
        padding: 0;
        font-size: 23px;
        line-height: 25px;
        max-width: 100%;
        letter-spacing: -0.01em;
    }

    img {
        max-width: 100%;
    }

    .colophon {
        font-size: 15px;
        line-height: 19px;
        letter-spacing: -0.01em;
    }

    .vertbar-right {
        position: none;
        width: 500px;
        height: 100%;
        top: 0px;
        z-index: -999;
        background-color: #ffffff;
        margin-left: 0px;
        right: 0vw;
    }
}