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


/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {

	/* width: 340px; */

	:root {
		--sirka-podkladu: 538;
		--vyska-podkladu: 958;
		--sirka-telicka: 538px;
		--sirka-podkladu-px: 538px;
		--vyska-podkladu-px: 958px;
		--box-padding: 15px;
	}

	H2 SPAN {
		display: block;
	}

	.container {
		min-width: var(--sirka-xs);
		max-width: var(--sirka-xs);
	}

	#telicko-obal {
		padding-top: 180px;
	}

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

	#hlavne-menu-obal {
		height: 180px;
	}

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

	/*
		logo
		logo
		logo
	*/

	H1 {
		height: 260px;
		margin: 65px auto;
		/* margin-top: 195px; */
		margin-top: 15px;
	}

	/*
		logo
		logo
		logo
	*/

	/*
		slogan
		slogan
		slogan
	*/

	#slogan {
		color: #fff;
		margin: 100px 0;
		font-size: 1em;
	}

	/*
		slogan
		slogan
		slogan
	*/


	/*
		specificke triedy
		specificke triedy
		specificke triedy
	*/

	.tlacidlo {
		font-size: 1em;
		width: 13em;
	}

	IFRAME.video {
		width: 260px;
		height: 150px;
	}

	/*
		specificke triedy
		specificke triedy
		specificke triedy
	*/

	#bigway {
		margin-top: 0px;
	}

	#partneri-in .partneri-logo {
		width: 100%;
	}

	#team LI {
		width: 100%;
	}

	#team LI:nth-of-type(3) {
		margin-left: 0;
	}

	#team LI:nth-of-type(10) {
		margin-left: 0;
	}

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

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

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

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

	#kempy,
	#rekord,
	#ucastnici,
	#kameramani {
		background-position-x: center;
	}

	#rekord-in #zostava,
	#rekord-in #rozchod {
		width: 100%;
		float: none;
	}

	#rekord-in #rozchod {
		margin-left: 0;
		margin-top: 10%;
	}

	#ucastnici LI {
		width: calc(100% / 2);
	}

	#kontakt-logo {
		height: 280px;
	}

}