:root {
	--mach-map-title-size: 50px;
}

.mach-map {
	font-size: var(--mach-map-title-size);
	padding-bottom: 2em;
}

.mach-map .container {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.mach-map img {
	width: 100%;
}

@media screen and (max-width: 1500px) {
	:root {
		--mach-map-title-size: 44px;
	}
}

@media screen and (max-width: 1280px) {
	:root {
		--mach-map-title-size: 38px;
	}
}

@media screen and (max-width: 1200px) {
	:root {
		--mach-map-title-size: 38px;
	}
}

@media screen and (max-width: 992px) {
	:root {
		--mach-map-title-size: 32px;
	}
}

@media screen and (max-width: 768px) {
	:root {
		--mach-map-title-size: 26px;
	}
}

@media screen and (max-width: 576px) {
	:root {
		--mach-map-title-size: 20px;
	}
}