.materials,
.materials .materials__item,
.materials .materials__preview,
.materials .materials__preview-content,
.materials .materials__files,
.materials .materials__file {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.materials,
.materials .materials__item,
.materials .materials__preview {
	align-items: flex-start;
}
.materials .materials__item,
.materials .materials__preview,
.materials .materials__preview-logo,
.materials .materials__preview-name,
.materials .materials__description,
.materials .materials_download-title,
.materials .materials__files,
.materials .materials__file,
.materials .materials__file-logo,
.materials .materials__file-content {
	flex-grow: 0;
	flex-shrink: 0;
}
.materials .materials__item {
	flex-basis: calc(50% - 0.5rem);
	max-width: calc(50% - 0.5rem);
}
.materials .materials__preview-logo {
	flex-basis: 48px;
	max-width: 48px;
}
.materials .materials__preview-content {
	flex-basis: calc(100% - 72px);
	max-width: calc(100% - 72px);
}
.materials .materials__preview-img {
	width: 48px;
	min-height: 48px;
	max-height: 96px;
}
.materials .materials__file-logo {
	flex-basis: 24px;
	max-width: 24px;
}
.materials .materials__file-content {
	flex-basis: calc(100% - 32px);
	max-width: calc(100% - 32px);
}
.materials .materials__preview,
.materials .materials__preview-name,
.materials .materials__description,
.materials .materials_download-title,
.materials .materials__files,
.materials .materials__file {
	flex-basis: 100%;
	max-width: 100%;
}
.materials {
	width: 100%;
}
.materials .materials__description {
	min-height: 48px;
}
.materials .materials_download-title {
	margin-top: auto;
}
.materials .materials__preview-logo {
	margin-right: 24px;
}
.materials .materials__file-logo {
	margin-right: 8px;
}
.materials .materials__preview,
.materials .materials_download-title {
	margin-bottom: 16px;
}
.materials .materials__file {
	margin-bottom: 8px;
}
.materials .materials__item {
	margin: 0 16px 32px 0;
}
.materials .materials__item:nth-child(2n) {
	margin: 0 0 32px 0;
}
.materials .materials__item {
	padding: 16px;
}
.materials .materials__file-logo {
	background-image: url(images/download.png);
	background-size: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.materials .materials__preview-img {
	object-fit: contain;
}
.materials .materials__file-link {
	color: #333;
	border-bottom: 1px dashed;
}
@media(min-width: 1200px) {
	.materials .materials__item {
		flex-basis: calc(33.3333333333% - 22px);
		max-width: calc(33.3333333333% - 22px);
	}
	.materials .materials__item:nth-child(n) {
		margin: 0 32px 32px 0;
	}
	.materials .materials__item:nth-child(3n+3) {
		margin: 0 0 32px 0;
	}
}