@charset "UTF-8";

.works-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	justify-content: center;
	width: 90%;
	margin: 8rem auto;
}	
.works-list li {
	list-style: none;
	margin: 0 1rem 2rem 1rem;
}
.works-list img {	
	height: 15vw;
	width: 15vw;
	object-fit: cover;	
}
@media screen and (max-width: 768px) {
	.works-list {
		margin: 4rem auto;
		width: 95%;
	}	
	.works-list li {
		margin: 0 .5rem 1.5rem .5rem;
	}	
    .works-list img {	
        height: 20vw;
        width: 20vw;
        object-fit: cover;	
    }    
}