@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;	
    }    
}
.ready {
    width: 100%;
    text-align: center;
    font-size: 2rem;
    padding: 50px 0;
    min-height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}