.section.about {
	background: var(--gold);
	color: #fff;
}

.section.about .right .text {
	max-width: 670px;
	margin: 0 0 24px;
}

.about_grid_list {
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}
.about_grid_list .item {
	/*min-height: 325.5px;*/
}
.about_grid_list .item.text {
	background: var(--buryi);
	padding: 32px 24px;
	color: #FFFFFF99;
	word-break: break-word;
}
.about_grid_list .item.img {
	background-image: var(--about_fon);
	background-repeat: no-repeat;
	background-size: 307%;
	padding-top: 74.65%;
}

.about_grid_list .item.img.n4 {
	background-position: top right;
}
.about_grid_list .item.img.n6 {
	background-position: top 61% left;
}
.about_grid_list .item.img.n7 {
	background-position: top 61% left 61%;
}

@media (max-width: 1600px) {
	
}

@media (min-width: 1100px) and (max-width: 1400px) {
	.about_grid_list .item.text .h3 {
		font-size: 24px;
	}
}
@media (min-width: 991.98px) and (max-width: 1100px) {
	.about_grid_list .item.text .h3 {
		font-size: 21px;
	}
}

@media (max-width: 991.98px) {
	
	.about_grid.col2 {
		grid-template-columns: 1fr 2fr;
		gap: 16px;
	}
	
	.about_grid_list {
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
		grid-template-rows: repeat(4, 1fr);
	}
	.about_grid_list .item.n1 {
		order: 1;
	}
	.about_grid_list .item.n2 {
		order: 3;
	}
	.about_grid_list .item.n3 {
		order: 6;
	}
	.about_grid_list .item.n4 {
		order: 4;
	}
	.about_grid_list .item.n5 {
		order: 2;
	}
	.about_grid_list .item.n6 {
		order: 5;
	}
	.about_grid_list .item.n7 {
		order: 7;
	}
	.about_grid_list .item.n8 {
		order: 8;
	}
	.about_grid_list .item.img {
		padding-top: 55.3%;
		background-size: 302%;
	}
	.about_grid_list .item.img.n2 {
		background-position: top 22% left 4%;
	}
	.about_grid_list .item.img.n4 {
		background-position: top 22% left 54.4%;
	}
	.about_grid_list .item.img.n6 {
		background-position: top 61% left 4%;
	}
	.about_grid_list .item.img.n7 {
		background-position: bottom left 4%;
	}
}

@media (max-width: 767.98px) {
	
	.about_grid_list .item.text {
		padding: 16px;
	}
}


@media (max-width: 576.98px) {
	
	.section.about .left h2 {
		margin: 0;
	}
	.section.about .right .text {
		margin: 0 0 16px;
	}
	.about_grid.col2 {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.about_grid_list .item.text .h3 {
		font-size: 16px;
	}
	.about_grid_list .item.text {
		padding: 8px;
	}
}

@media (max-width: 360px) {
	.about_grid_list .item.text .h3 {
		font-size: 14px;
	}
}