.magazine-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-bottom: 35px;
}

.magazine-list__item a {
	color: #000;
	text-decoration: none;
}

.magazine-list__item-image {
	height: 420px;
	border-radius: 24px 24px 0 0;
	background-repeat: no-repeat;
	background-size: cover;
}

.magazine-list__item-body {
	display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;	
	background: #F5F5F5;
	padding: 20px;
	border-radius: 0 0 24px 24px;
}

.magazine-list__item-title {
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 10px;
	color: #0A0A0A;
}

.magazine-list__item-period {
	border: 1px solid #0A0A0A14;
	border-radius: 100px;
	padding: 0 12px;
	font-size: 14px;	
}

.magazine-list__contacts {
	color: #0A0A0A;
	font-size: 16px;	
	margin: 40px 0;
	border-radius: 16px;
	padding: 30px 30px 30px 60px;
	background: url(/images/info.png) 20px 30px no-repeat #F5F5F5;
}

@media (max-width: 900px) {
	.magazine-list {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 740px) {
	.magazine-list {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.magazine-list__item-image {
		border-radius: 16px 16px 0 0;
	}

	.magazine-list__item-body {
		padding: 15px;
		border-radius: 0 0 16px 16px;
	}	
	
	.magazine-list__contacts {
		padding: 55px 20px 20px 20px;
		background-position: 20px 15px;
	}
}

@media (max-width: 540px) {
	.magazine-list {
		grid-template-columns: 1fr;
	}
	
	.magazine-list__item-title {
		font-size: 20px;
	}	
}