.grid-project {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 30px;
}
.item.item-project .block-details {
	padding: 15px;
}
.item.item-project .block-details .name {
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 5px;
}
.item.item-project .block-details .name, .item.item-project .block-details .location {
	color: var(--body-color);
}
.item.item-project:hover .block-details .name {
	color: var(--blue);
}





@media(max-width: 768px){
	.grid-project {
		grid-gap: 15px;
	}
	.grid-project {
		grid-template-columns: 1fr 1fr;
	}
}
@media(max-width: 480px){
	.grid-project {
		grid-template-columns: 100%;
	}
}