.earth-overlay {
	/*background-color: white;
	box-shadow: 0 2px 8px black;
	border-radius: 0px 8px 8px 8px;
	padding: 0.25em 0.5em;*/
    color: black;
    font-size: 1rem;
    margin-left: -125px;
    font-family: 'Montserrat';
}

.earth-container {
	width: 100%;
	margin: 0 auto;
	max-width: 600px;
}
.arrow-down {
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    left: 50%;
    margin-left: -11px;
    bottom: -10px;
}

.earth-overlay > div {
	/*border-left: 2px #ec1c24 solid;*/
	/*padding-top: 9em;
	width: 18em;*/
    width: 220px;
	opacity: 0;
	transform: scale(0.001);
	transition: transform 0.35s ease, opacity 0.35s ease;
	transform-origin: 0 0;
    margin-top: -120px;
    position: relative;
    font-family: 'Montserrat';
        box-shadow: 0 2px 8px rgb(0 0 0 / 55%);
    
}
.earth-overlay.overlay-up > div {
	padding-top: 0;
	padding-bottom: 9em;
	transform-origin: bottom left;
}
.earth-overlay.overlay-appear > div {
	transform: scale(1);
	opacity: 1;
}

.info-box {
	margin-left: -1px;
	padding: 10px;
	background-color: #fff;
	color: black;
    line-height: 1.2;
    font-size: 12px;
    font-family: 'Montserrat';
}
.info-box a {
	color: inherit;
	pointer-events: all;
}

.info-box strong {
	font-family: serif;
	font-size: 14px;
    line-height: 1;
    font-family: 'Montserrat';
}

.info-text {
	padding: 4px 0;	
    line-height: 1.2;
    font-size: 12px;
}