@media (max-width: 1023px) {

	.post-item__content--on-hover {
		background: rgba(0, 0, 0, 0.5);
	}

}

@media (min-width: 768px) {

	.posts-items__grid {
		grid-template-columns: repeat(2, 1fr);
	}

}

@media (min-width: 1024px) {

	.post-item {
		height: 100%;
	}

	.post-item__content--on-hover {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		pointer-events: none;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	}

	.post-item__link:hover .post-item__content--on-hover {
		pointer-events: all;
		opacity: 1;
		visibility: visible;
		background: rgba(0, 0, 0, 0.5);
	}


}

@media (min-width: 1200px) {

	.posts-items__grid {
		grid-template-columns: repeat(3, 1fr);
	}

}