@charset "utf-8";

@media(max-width:919px){
    .works{
        text-align: center;
        padding-top: 100px;
    }
    
    .works h2{
        font-size: 2rem;
    }
    
    .works_list .container{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    .works_list .container .block{
        width: 100vw;
        height: auto;
    }
    
    .works_list .container .block img{
        width: 100%;
        height: auto;
    }
}

@media(min-width:920px){
    .works{
        text-align: center;
        padding-top: 100px;
    }
    
    .works h2{
        font-size: 2rem;
    }
    
    .works_list .container{
        padding-top: 50px;
        padding-bottom: 50px;
        margin-right: 20vw;
        margin-left: 20vw;
    }
    
    .works_list .container .block{
        width:60vw;
        height: auto;
    }
    
    .works_list .container .block img{
        width: 100%;
        height: auto;
    }
}