#map-container {
	height: 600px;
}
.marker-container {
	position: relative;
	height: 10vh;
	width: 10vh;
	z-index: 1;
}
.marker {
	color: #000;
	left: 50%;
	position: absolute;
	top: -8%;
	transform: translate(-50%, -30%);
	-moz-transition: transform 0.25s ease 0s;
	-o-transition: transform 0.25s ease 0s;
	-webkit-transition: transform 0.25s ease 0s;
	transition: transform 0.25s ease 0s;
	width: 60%;
	z-index: 10;
}
/* .marker-container:hover .marker {
		transform: translate(-50%, -50%);
 } */
#map-container img {
	display: block;
	width: 100%;
}
.epicentre {
	background: var(--dark-shade1);
	border-radius: 50%;
	color: #fff;
	height: 100%;
	opacity: 0;
	position: absolute;
	-moz-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	transition: all 0.25s ease 0s;
	transform: scale(0);
	width: 100%;
}
.marker-container .epicentre10 {
	opacity: 0.35;
	transform: scale(0.2);
	z-index: 1;
}
.marker-container .epicentre20 {
	opacity: 0.3;
	transform: scale(0.4);
	z-index: 2;
}
.marker-container .epicentre30 {
	opacity: 0.25;
	transform: scale(0.6);
	z-index: 3;
}
.marker-container .epicentre40 {
	opacity: 0.2;
	transform: scale(0.8);
	z-index: 4;
}
.marker-container .epicentre50 {
	opacity: 0.15;
	transform: scale(1);
	z-index: 5;
}