/*-------------------------------------------------*/
/*           Responsive part                       */
/*-------------------------------------------------*/


/* Large devices (desktops, less than 1200px) */

@media (max-width: 1199.98px) {

	/* width: 960px; */

	:root {
		--sirka-podkladu: 1616;
		--vyska-podkladu: 2879;
		--sirka-telicka: 1616px;
		--sirka-podkladu-px: 1616px;
		--vyska-podkladu-px: 2879px;
		--sirka-ucastnici: 100px;
		--vyska-ucastnici: 100px;
	}

	/*
	hlavne-menu
	hlavne-menu
	hlavne-menu
	*/

	#hlavne-menu .nav-link {
		margin: 0 0.75em;
	}

	/*
	hlavne-menu
	hlavne-menu
	hlavne-menu
	*/

	/*
		logo
		logo
		logo
	*/

	H1 {
		height: 460px;
		margin: 150px auto;
		margin-top: 100px;
	}

	/*
		logo
		logo
		logo
	*/

	/*
		specificke triedy
		specificke triedy
		specificke triedy
	*/

	IFRAME.video {
		width: 450px;
		height: 255px;
	}

	/*
		specificke triedy
		specificke triedy
		specificke triedy
	*/

	#partneri-in .partneri-logo A {
		font-size: .8em;
	}

	#kempy {
		background-size: calc(var(--sirka-lg) * 2) calc(var(--sirka-lg) * 2), var(--sirka-symbol) var(--vyska-symbol), auto auto;
	}

	#rekord {
		background-size: calc(var(--sirka-lg) * 2) calc(var(--sirka-lg) * 2), var(--sirka-symbol) var(--vyska-symbol), auto auto;
	}

	#ucastnici {
		background-size: calc(var(--sirka-lg) * 2) calc(var(--sirka-lg) * 2), var(--sirka-symbol) var(--vyska-symbol), auto auto;
	}

	#kameramani {
		background-size: calc(var(--sirka-lg) * 2) calc(var(--sirka-lg) * 2), var(--sirka-symbol) var(--vyska-symbol), auto auto;
	}

	#ucastnici LI {
		font-size: 0.9em;
		padding-left: 0;
		padding-right: 0;
	}

	#kameramani LI {
		padding-left: 15px;
		padding-right: 15px;
	}

	#kontakt-logo {
		height: 460px;
	}

}