:root {
		--columns: 5;
	}
	.section .baps .bav {
		width: calc(100% / 5);
	}
	@media( max-width: 1100px) {
		.section .baps[data-cols="8"] .bav2,
		.section .baps[data-cols="7"] .bav2,
		.section .baps[data-cols="6"] .bav2,
		.section .baps[data-cols="5"] .bav2 {
			width: calc(100% / 4);
		}
	}

	@media( max-width: 950px) {
		.section .baps[data-cols="8"] .bav,
		.section .baps[data-cols="7"] .bav,
		.section .baps[data-cols="6"] .bav {
			width: calc(100% / 4);
		}
		.section .baps[data-cols="8"] .bav2,
		.section .baps[data-cols="7"] .bav2,
		.section .baps[data-cols="6"] .bav2 {
			width: calc(100% / 3);
		}
	}
	@media( max-width: 750px) {
		.section .baps[data-cols="8"] .bav2,
		.section .baps[data-cols="7"] .bav2,
		.section .baps[data-cols="6"] .bav2,
		.section .baps[data-cols="5"] .bav2,
		.section .baps[data-cols="6"] .bav {
			width: calc(100% / 3);
		}
	}
		@media( max-width: 650px) {
			.section .baps[data-cols="7"] .bav {
				width: calc(100% / 3);
			}
			.section .baps[data-cols="5"] .bav,
			.section .baps[data-cols="4"] .bav,
			.section .baps[data-cols="3"] .bav {
				width: calc(100% / 2);
			}
		}

		@media( max-width: 480px) {
			.section .baps[data-cols="8"] .bav,
			.section .baps[data-cols="7"] .bav,
			.section .baps[data-cols="6"] .bav,
			.section .baps[data-cols="5"] .bav,
			.section .baps[data-cols="4"] .bav,
			.section .baps[data-cols="3"] .bav {
				width: calc(100% / 2);
			}
		}