/*-------------------------------------------------*/
/*           Responsive part                       */
/*-------------------------------------------------*/


/* Small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) {

	/* width: 540px; */

	:root {
		--sirka-podkladu: 909;
		--vyska-podkladu: 1619;
		--sirka-telicka: 909px;
		--sirka-podkladu-px: 909px;
		--vyska-podkladu-px: 1619px;
		--box-padding: 30px;
	}

	/*
		hlavne-menu
		hlavne-menu
		hlavne-menu
	*/

	#hlavne-menu-obal {
		position: absolute;
	}

	/*
		hlavne-menu
		hlavne-menu
		hlavne-menu
	*/

	/*
		logo
		logo
		logo
	*/

	H1 {
		height: 290px;
		margin: 70px auto;
		/* margin-top: 120px; */
		margin-top: 20px;
	}

	/*
		logo
		logo
		logo
	*/

	/*
		slogan
		slogan
		slogan
	*/

	#slogan {
		margin: 100px 0;
	}

	/*
		slogan
		slogan
		slogan
	*/

	/*
		specificke triedy
		specificke triedy
		specificke triedy
	*/

	IFRAME.video {
		width: 450px;
		height: 255px;
	}

	/*
		specificke triedy
		specificke triedy
		specificke triedy
	*/

	#bigway {
		margin-top: 130px;
	}

	#partneri-in .partneri-logo {
		height: calc(3em + 109px);
	}

	#partneri-in .partneri-logo IMG {
		width: 250px;
		height: 109px;
	}

	#team LI {
		width: calc(100% / 2);
	}

	#team LI:nth-of-type(1) {
		margin-left: 0;
	}

	#team LI:nth-of-type(3) {
		margin-left: calc((100% / 2) / 2);
	}

	#team LI:nth-of-type(8) {
		margin-left: 0;
	}

	#team LI:nth-of-type(10) {
		margin-left: calc((100% / 2) / 2);
	}

	#kempy {
		background-size: calc(var(--sirka-sm) * 2) calc(var(--sirka-sm) * 2), var(--sirka-symbol) var(--vyska-symbol), auto auto;
	}

	#rekord {
		background-size: calc(var(--sirka-sm) * 2) calc(var(--sirka-sm) * 2), var(--sirka-symbol) var(--vyska-symbol), auto auto;
	}

	#ucastnici {
		background-size: calc(var(--sirka-sm) * 2) calc(var(--sirka-sm) * 2), var(--sirka-symbol) var(--vyska-symbol), auto auto;
	}

	#kameramani {
		background-size: calc(var(--sirka-sm) * 2) calc(var(--sirka-sm) * 2), var(--sirka-symbol) var(--vyska-symbol), auto auto;
	}

	#ucastnici LI {
		width: calc(100% / 3);
	}

	#kameramani LI {
		float: none;
		width: 100%;
	}

}