.map {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 49.16%;	
}

.map__bg {
	background-image:url(../images/bg.webp);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top left;

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	
	pointer-events:none;	
}
.map__bg-light {
	background-image:url(../images/bg_light.webp);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top left;

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	
	pointer-events:none;
}

.map__content {
	position:absolute;
	width:100%;
	height:100%;
}

@media screen and (max-width:1256px){
	
}


@media screen and (max-width:1000px){

}

@media screen and (max-width:768px){

}

@media screen and (max-width:480px){

}