.hero-background-container {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: auto;

}

.hero-background-container img {
	position: relative;
	z-index: 1;
}

.hero-background-container--inner::before,
.hero-background-container--inner::after {
	display: block;
	content: " ";
	position: absolute;
	top:0;
	width:100%;
	height: 100%;

	z-index: 0;
}

.hero-background-container--inner::before {
	left:2px;
	transform: translate(-100%, 0);

	background: url(hero-background-left.svg);
	background-size: cover;
	background-position: top right;
}

.hero-background-container--inner::after {
	right:2px;
	transform: translate(100%, 0);	

	background: url(hero-background-right.svg);
	background-size: cover;
	background-position: top left;
}

.characters {
	padding-top: 20px;
}


.munkaink > div:nth-child(1) > div.munka-title {
	background-image: url(mukna-01-strandon.png);
	background-size: 100% auto;
	background-position: bottom left;
	background-repeat: no-repeat;
}

.munkaink > div:nth-child(2) > div.munka-title {
	background-image: url(mukna-02-fesztivalon.png);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}


.munkaink > div:nth-child(3) > div.munka-title {
	background-image: url(mukna-03-etteremben.png);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}




.munkaink > div:nth-child(4) > div.munka-title {
	background-image: url(mukna-04-aruhazban.png);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}



.munkaink > div:nth-child(5) > div.munka-title {
	background-image: url(mukna-05-szallodaban.png);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}


.munkaink > div:nth-child(6) > div.munka-title {
	background-image: url(mukna-06-gyarban.png);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}

.munkaink > div:nth-child(7) > div.munka-title {
	background-image: url(mukna-07-mezogazdasagban.png);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}




.munkaink > div:nth-child(8) > div.munka-title {
	background-image: url(mukna-08-irodaban.png);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}


.munkaink > div:nth-child(9) > div.munka-title {
	background-image: url(mukna-09-kalandparkban.png);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}


.munkaink > div:nth-child(10) > div.munka-title {
	background-image: url(mukna-10-kempingben.png);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}


.munkaink > div:nth-child(11) > div.munka-title {
	background-image: url(mukna-11-bufeben.png);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}