@media screen and (max-width: 800px) {
    body {
                margin: 12px;
                background-color: #F4F3F3;
                font-family: proxima-nova, sans-serif;
            }
    
    .header{
                display: flex;
                flex-direction: row;
                margin-bottom: 60px;
                    
            }
    
    .logo a {
                text-decoration: none;
                font-size: 17.5px;
                color: #f30606;
                font-family: 'Prata', sans-serif;
                font-weight: 500;
                letter-spacing: 0.5px;
            }

     .logo a {
                text-decoration: none;
                white-space: pre;
	            text-decoration: none;
                width: 300px;
	            height: 50px;
	            
              }
     .menu {
                margin-left: 59px;
/*                margin-bottom: 36px;    */
            }
    
    .workstitle {
        /* margin-bottom: 30px; */
        font-size: 15px;
    }
    
    .workscredit {
        margin-top: 20px;
        margin-bottom:70px
    }

    .workstext {
        width: 100%;
        font-size: 15px;
    }

    .phototitle{
                margin-bottom:80px;
                font-size: 14px;
                color: #BDBDBD;
                font-family: proxima-nova, sans-serif;
                font-weight: 500;
                letter-spacing: 0.5px;
                line-height: 115%;
            }
    .works img {
        margin-bottom: 14px;
        width: 100% !important;
    }

    .works a {
        margin-bottom: 80px !important;
    }
    
    .menu a {
                display: inline-block;
                margin-right: 12px;
                margin-bottom: 4px;
                text-decoration: none;
                font-size: 17.5px;
                color: #BDBDBD;
                font-family: proxima-nova, sans-serif;
                font-weight: 500;
                letter-spacing: 0.5px;
            }
    /* -------------------------- */
    .center {
        align-items: center;
    }
    
    .center > * {
        width: 100%;
        max-width: 10000px;
    }

    .center_main_visual > * {
        width: 100% !important;
    }
    /* -------------------------- */
    .layout1 {
        width: 100%;
        flex-direction: column;
        /* margin-bottom: 0px; */
    }
    .layout1 > * {
        width: 100%;
        margin-bottom: 0px;
        
    }
    .layout_mini .layout1 {
        /* margin-bottom: 0px; */
    }
    .works .layout1 {
        margin-bottom: 0px;
    }
    .works .layout1 > * {
        margin-bottom: 20px;
    }

    /* -------------------------- */
    .layout2 {
        width: 100%;
        flex-direction: column;
        margin-bottom: 0px;
    }
    .layout2 > * {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 70px;
    }
    .layout_mini .layout2 {
        margin-bottom: 0px;
    }
    .works .layout2 {
        margin-bottom: 0px;
    }
    .works .layout2 > * {
        margin-bottom: 20px;
    }
    .layout2 > .center {
        width: 100%;
        margin-right: 0px !important;
    }
    /* -------------------------- */
    .layout3 {
        width: 100%;
        flex-direction: column;
        margin-bottom: 0px;
    }
    .layout3 > * {
        margin-right: 0px !important;
        width: 100% !important;
        margin-bottom: 70px;
    }
    .layout_mini .layout3 {
        margin-bottom: 0px;
    }
    .works .layout3 {
        margin-bottom: 0px;
    }
    .works .layout3 > * {
        margin-bottom: 20px;
    }

    /* -------------------------- */
    /* .layout2 img {
        margin-right: 14px !important;
    }
    .layout5 {
        margin-top: 0px;
        width: calc(100% + 10px);
        flex-wrap: wrap;
    }
    .layout5 img {
        width: calc(15% - 10px);
        margin-right: 10px !important;
        margin-bottom: 10px;
    }
    .layout6 {
        flex-direction: column;
    }
    .layout6 div {
        width: 100%;
    }
    .layout8 {
        flex-direction: column;
    }
    .layout8 div {
        width: 100%;
    } */
    .footer {
        margin-top: 0px;
    }
}