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

    header{
        height: 100px;
    
        
    }
    .header{
        width: 100%;
    }
    .header-list li{
        font-size: 10px;
        margin-right: 10px;
    }
    .header-image{
        height: 200px;
    }
    .about-text h3{
        font-size: 20px;
    }
    .about-image{
        width: 60%;
        margin: 0 auto 50px auto;
        
    }
    .about-contents{
        flex-wrap: wrap;
    }
    .about-text{
        text-align: center;
    }
    .about-wrapper{
        height: 700px;
        
    }
    .works-contents ul li{
        width: 100%;
        margin: 20px;
    
    }
    .works-contents ul{
        padding: 0;
    
    }
    .column-wrapper ul li{
        flex-wrap: wrap;
        
    }
    .column-wrapper ul li p{
        width: 100%;
        margin-left: 0;
        text-align: center;
        margin-bottom: 15px;
    }
    .column-wrapper ul li a{
        width: 100%;
    }
    .contact-item{
        flex-wrap: wrap;
    }
    .contact-item label{
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .footer-wrapper{
        width: 100%;
    
    }
    .footer-items a{

        font-size: 10px;
    
    }
}