html{
	min-height: 100%;
	overflow-x: hidden;
}
body {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #1C3448;
	overflow-x: hidden;
	
}
#main {
	width: 100%;
	height: 100vh;
}
	#main img {
		object-fit: cover;
		object-position: center;
	}

.mainH1 {
	text-transform: uppercase;
	font-size: 7.5vw;
	line-height: 111%;
	font-weight: 900;
	position: absolute;
	left: 10%;
	top: 11.15%;
}

	.mainH1 span, .mainH2 span {
		display: block;
		color: #FFF;
	}

.mainH2 {
	position: absolute;
	font-weight: bold;
	font-size: 4.5vw;
	left: 10%;
	bottom: 18%;
	line-height: 111%;
}

@media(min-aspect-ratio: 2/1) {
	#main {
		height: initial;
		min-height: 100vh;
	}
}

@media only screen and (orientation: portrait) and (max-width: 767px) {
	.mainH1 {
		top: 40px;
		left: 34px;
		width: 100%;
		text-align: left;
		line-height: 120%;
		font-size: 10vw;
	}

		.mainH1 span, .mainH2 span {
			color: #1C3448;
		}

	.mainH2 {
		left: 21px;
		bottom: 3%;
		font-size: 10.5vw;
		width: 100%;
		text-align: left;
		line-height: 120%;
	}
		.mainH1 span {
			white-space: pre-line;
			text-align: left;
		}
	#cd-menu-trigger{
		top: 34px;
	}
}

@media screen and (orientation: portrait) and (min-aspect-ratio: 5/11) {
	#main {
		height: initial;
		min-height: 100vh;
	}
	#mainBg {
		padding-bottom: 217.4129%;
		background: url(/img/M_Homepage.jpg) no-repeat center center;
		background-size: contain;
		background-attachment: fixed;
	}
}


h1,h2 {
	text-transform: uppercase;
	font-weight: 900;
	font-size: 7.5vw;
	padding-bottom: 5vw;
	padding-top: 5.5vw;
	padding-left: 10%;
}
h2{font-weight: 700;
   font-size: 6.5vw;
   letter-spacing: 1%;
   text-transform: none;
}

#highlights {
	background: #1C3448;
	color: #FFF;
	padding-top: 188px;
	padding-bottom: 188px;
}

	#highlights span {
		display: block;
		gap: 153px;
		white-space: nowrap; /* zákaz zalomení textu */
		font-size: 4.5vw;
		font-weight: bold;
		line-height: 150%;
		padding-bottom: 153px;
		width: auto;
		
	}

		#highlights span:last-of-type {
			padding-bottom: 0;
		}

@media(max-width: 767px) {
	h1, h2 {
		padding: 33px 0;
		font-size: 43px;
		padding-left: 5%;
	}
	h2{font-size: 32px;}
	#highlights {
		padding-top: 43px;
		padding-bottom: 43px;
	}

		#highlights span {
			padding-bottom: 36px;
			
		}
}

@media(max-width: 407px) {
	h1 {
		font-size: 32px;
	}
	
}
@media(max-width: 460px) {
	

	h2 {
		font-size: 25px;
	}
}
#preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	z-index: 99999;
}

	#preloader .pulse {
		position: absolute;
		display: inline-block;
		top: 50%;
		left: 50%;
		width: 80px;
		height: 80px;
		margin-top: -40px;
		margin-left: -40px;
		border-radius: 40px;
		background-color: #E9BD5E;
		-webkit-animation: scaleout 1.0s infinite ease;
		animation: scaleout 1.0s infinite ease;
	}

@-webkit-keyframes scaleout {
	0% {
		-webkit-transform: scale(0.0)
	}

	100% {
		-webkit-transform: scale(1.0);
		opacity: 0;
	}
}

@keyframes scaleout {
	0% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	}

	100% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
		opacity: 0;
	}
}

.scrolltotop {
	position: fixed;
	display: none;
	bottom: 15px;
	right: 15px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	background-color: #FFF;
	text-align: center;
	font-size: 24px;
	color: #1C3448;
	text-decoration: none;
	z-index: 9999;
}

	.scrolltotop:hover, .scrolltotop:focus {
		color: #F20000;
	}

@media only screen and (max-width: 768px) {
	.scrolltotop {
		bottom: 15px;
		right: 15px;
	}
}