.hero-homepage-prefetch {
	background-image: url(../img/homepage/hero-1-lg.png), url(../img/homepage/hero-2-lg.png), url(../img/homepage/hero-3-lg.png);
	height:1px;
	width:1px;
	opacity:0;
}
.hero-homepage {
	display: flex;
	justify-content: center;
	height:520px;
	width:100vw;
	position: relative;
	z-index: 1;
	transition: background-image 200ms ease-out;
	background-position: center;
	background-repeat:  no-repeat;
}
.hero-homepage IMG {
	position: absolute;
	left: 50%;
    margin-left: -2580px;
    margin-top: -86px;
}
.hero H1 {
	color:#56ab52;
	font-family: 'Kanit', sans-serif;
	font-weight: 600;
	font-size: 70px;
	line-height: 110px;
	margin-top: -17px;
}
.hero-homepage H1 {
	text-transform: uppercase;
}
.hero-homepage H1 SPAN {
	color:white;
}

.hero-normal {
	display: flex;
	justify-content: center;
	height:auto;
	width:100vw;
	position: relative;
	z-index: 1;
	padding-top: 80px;
	padding-bottom: 80px;
}
.hero-normal H1 {
	font-size:38px;
	line-height: 50px;
	text-transform: none;
	max-width: 550px;
	font-family: 'Raleway', sans-serif;
}
.hero-normal P {
	color:white;
	font-size:16px;
	line-height: 30px;
	max-width: 550px;
}
.hero-1 {
	background-image: url(../img/homepage/hero-1-lg.png);
}
.hero-2 {
	background-image: url(../img/homepage/hero-2-lg.png);
}
.hero-3 {
	background-image: url(../img/homepage/hero-3-lg.png);
}
.hero-4 {
	background: url(../img/headings/hero-4.jpg) center no-repeat;
}
.hero-5 {
	background: url(../img/headings/hero-5.jpg) center no-repeat;
}
.hero-6 {
	background: url(../img/headings/hero-6.jpg) center no-repeat;
}
@media(max-width:1260px) {
	.hero,
	.hero {
		padding-left: 30px;
	} 
	.hero-homepage IMG {
		/* tri cary vedle textu */
		display: none;
	}
}
@media(max-width:1199px) {
	.hero-homepage-prefetch {
		background-image: url(../img/homepage/hero-1-md.jpg), url(../img/homepage/hero-2-md.jpg), url(../img/homepage/hero-3-md.jpg);
		height:1px;
		width:1px;
		opacity:0;
	}
	.hero-1 {
		background-image: url(../img/homepage/hero-1-md.jpg);
	}
	.hero-2 {
		background-image: url(../img/homepage/hero-2-md.jpg);
	}
	.hero-3 {
		background-image: url(../img/homepage/hero-3-md.jpg);
	}
	.hero-homepage {
		height:350px;
	}
	.hero-homepage H1 {
		font-size: 50px;
		line-height: 70px;
		margin-top: 50px;
		margin-left: 40px;
	}
}
@media(max-width:991) {
	.hero-homepage {
		background-position: left -350px top;
	}
	.hero-1 {
		background: url(../img/homepage/hero-1-md.jpg);
	}
	.hero-homepage H1 {
		font-size: 50px;
		line-height: 70px;
		margin-top: 50px;
		margin-left: 40px;
	}
}
@media(max-width:767px) {
	.hero,
	.hero-normal {
		background: rgb(12,94,125);
		background: linear-gradient(72deg, rgba(12,94,125,1) 0%, rgba(11,95,126,1) 100%);
		height: auto;
		padding-top:45px;
		padding-bottom:45px;
		padding-right:45px;
		display: flex;
		align-items:center;
	}
	.hero:not(.hero-normal) H1 {
		margin-top: 0px;
		margin-bottom:0;
		font-size: 45px;
		line-height: 55px;
	}
}
@media(max-width:450px) {
	
	.hero H1 {
		font-size: 35px!important;
		line-height: 45px!important;
		margin-left:0!important;
	}
}