.blog-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.blog-item {
	overflow: hidden;
}
.blog-item__img-wrap {
	position: relative;
    width: 100%;
    margin-bottom: 20px;
	padding-bottom: 94.444444444444%;
}
.blog-item__img {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
}
.blog-item__name {
    font-size: 20px;
    line-height: 1.35;
	font-weight: bold;
}

@media(max-width: 1024px)
{
	.blog-item__name {
		font-size: 16px;
	}
}

@media(max-width: 767px)
{
	.blog-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media(max-width: 480px)
{
	.blog-list {
		grid-template-columns: 1fr;
	}
	.blog-item__img-wrap {
		margin-bottom: 10px;
	}
}