#myearth, .earth-container {
    width: 100%;
    overflow: visible;
    max-width: none!important;
}


#myearth::after, .earth-container::after {
    content: "";
    position: absolute;
    top: 12%;
    bottom: 12%;
    left: 12%;
    right: 12%;
    background-color: #EEEAE9;
    border-radius: 50%;
}



.earth-overlay {
}

.earth-overlay .overlay{
	border-radius: 0;
	padding: 0;
	max-width: 320px;
	transform:translate(-50%, 30px);
}





.earth-overlay h3{
	background-color: black;
	color:#fff;
	padding: 10px;
	margin:0;
	font-size: 18px;
	padding-right: 40px;
}

.earth-overlay p{
	padding: 10px;
	margin:0;
	font-size: 16px;
}

.earth-overlay .overlay-close{
	position: absolute;
	right: 8px;
	top: 8px;
	width:30px;
	height:30px;
	cursor: pointer;
	pointer-events: all;
	z-index: 10;
}

.overlay-close:before,.overlay-close:after{
    content:'';
    position:absolute;
    width:30px;
    height:2px;
    background-color:white;
    top:15px;
		transform-origin: center;
}

.overlay-close:before{
	transform: rotate(45deg);
}


.overlay-close:after{
	transform: rotate(-45deg);
}




.earth-container {
	width: 100%;
	margin: 0 auto;
	max-width: 600px;
}

.overlay-img {
	width:100%;
  display:block;
}

#overlay-inner {
	background-color: white;
	transition: transform 0.15s ease-out;
  transform-origin: top center;
	transform: scale(0.001);
	box-shadow: 0px 0px 60px 0px rgb(0 0 0 / 10%);
}

.earth-overlay .overlay #overlay-inner:after {
	content: '';
	background-color: black;
display: block;
position: absolute;
width:20px;
height:20px;
	left:50%;
	top:-5px;
	transform:translateX(-50%) rotate(45deg);
}



#overlay-inner.overlay-appear {
	transition: transform 0.1s ease-out;
	transform: scale(1);
}


@media only screen and (max-width: 800px) {
  #overlay-inner {
    transform-origin: center;
  }

	.earth-overlay .overlay{
		max-width: 88%;
		transform:translate(-50%, -50%);
	}

	.overlay-img {
		display:none;
	}


	.earth-overlay .overlay #overlay-inner:after {
		display:none;
	}

}



.marker-pulse {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1.8em;
	height: 1.8em;
	border: 1px #C5D30D solid;
	border-radius: 50%;
	transform: translate(-50%, -50%) scale(1);
	animation: mappulse 3s infinite;
}

@keyframes mappulse {
	0% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
	50%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(2.5); }
}