@media (max-width: 640px) {

    .container {
        justify-content: flex-end;
        align-items: flex-end;
    }

    /* .loading-screen-container { */
    /*     /*transform: translate(191px,-57px);*/ */
    /* } */
    /**/
    /* #loadingScreen { */
    /*     /*padding: 0;*/ */
    /*     /*margin: 0;*/ */
    /*     /*font-size: 1.2em;*/ */
    /*     /*animation-name: spinning;*/ */
    /*     /*animation-duration: 4s;*/ */
    /*     /*animation-iteration-count: infinite;*/ */
    /*     /*animation-timing-function: linear;*/ */
    /* } */

    #peter-title-mobile {
        display: block;
    }


    #peter-title-dt {
        display: none;
    }

    .menu-containers {
        height: 55px;
        padding: 0 0 52px 0;
    }


    .works-list {
        padding: 0;
    }

    #close-works-btn, #close-about-btn {
        padding: 40px 40px 30px 0;
    }

    .works-submenu-container {
        padding: 0;
        /*height: 300px;*/
    }

    .works-submenu {
        text-align: right;
        font-size: 1.5em;
    }

    #menu-points {
        transform: none;
        text-align: right;
    }

    #top-works-menupoint {
        display: none;
    }


    #bottom-works-menupoint {
        display: inline-block;
        padding-bottom: 12px;
    }

    .commissioned-work {
        padding-left: 0;
        padding-right: 12px;
    }

    #works-window {
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .project-panel-info {
        flex-direction: column;
    }

    #images-panel {
        width: 100%;
    }

    #details-table {
        margin: 44px 0 7px 23px;
        font-size: 1.2em;
    }

    #description-panel {
        margin: 0;
        width: 100%;
    }

    .description-text {
        margin: 0 23px;
    }

    #concept-panel {
        font-size: 1.2em;
    }

    #about-window {
        /*left: auto;*/
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #about-window p {
        padding: 0 12px;
    }
}