main.site svg.map {
	display: block;
	position: relative;
	height: auto;
	margin: 12px auto;
	border-radius: 12px;
}

main.site div.map-size-large svg.map {
	width: var(--width-content-base);
	max-width: var(--max-width-content);
}

main.site div.map-size-small svg.map {
	width: calc(0.5 * var(--width-content-base));
	max-width: calc(0.5 * var(--max-width-content));
}


@media only screen and (max-width: 1800px) {

	main.site div.map-size-large svg.map {
		width: var(--width-content-1800);
	}

	main.site div.map-size-small svg.map {
		width: calc(0.5 * var(--width-content-1800));
	}

}

@media only screen and (max-width: calc(5 * 164px + 106.5px + 63.5px)) { /* n * var(--tab-width), where n numer of pages plus sports plus some tolerance */

	main.site div.map-size-large svg.map {
		width: var(--width-content-swap);
	}

	main.site div.map-size-small svg.map {
		width: calc(0.5 * var(--width-content-swap));
	}

}

@media only screen and (max-width: 600px) {

	main.site div.map-size-large svg.map {
		width: var(--width-content-600);
	}

	main.site div.map-size-small svg.map {
		width: calc(0.5 * var(--width-content-600));
	}

}