#myearth {
	display: block;
	width: 100%;
	max-width: 900px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#myearth::after {
	content: "";
	position: absolute;
	height: 16%;
	bottom: -5%;
	left: 13%;
	right: 13%;
	background: radial-gradient(ellipse at center, rgba(50,50,50,0.22) 0%,rgba(50,50,50,0.18) 20%,rgba(50,50,50,0.12) 40%,rgba(50,50,50,0.08) 50%,rgba(50,50,50,0.04) 60%,rgba(50,50,50,0.01) 70%,rgba(50,50,50,0) 100%);
}

#photo {
	display: block;
	position: relative;
	background-color: #c41f22;
	color: white;
	padding: 12px 26px 16px 16px;
	border-top-right-radius: 20px;
	text-align: left;
	transform: translate(-50%, -156%);
	margin-left: 3px;
}

#photo::after {
	content: "";
	background-color: #c41f22;
	position: absolute;
	left: 50%;
	top: 100%;
	width: 2px;
	height: 40px;
	transform: translate(-0.25em, -0.25em);
}

#close-photo {
	position: absolute;
	right: 14px;
	top: 10px;
	width: 20px;
	height: 20px;
	background: url('globe-close.svg') center center no-repeat;
	background-size: 12px 12px;
	cursor: pointer;
	pointer-events: all;
}

#photo-content {
display: inline-block;
}

#photo-content h5 {
font-size: 15px;
margin-bottom: 0px;
margin-top: 0;
margin-right: 20px;
text-transform: uppercase;
}


a.globe-link  {
display: block;
width: auto;
vertical-align: middle;
position: relative;
border: 2px solid white;
text-decoration: none;
color: white;
white-space: nowrap;
height: 26px;
line-height: 22px;
border-radius: 13px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
padding: 0 12px;
margin-top: 12px;
background: transparent;
text-align: center;
}

div.globe-link  {
display: block;
width: auto;
vertical-align: middle;
position: relative;
border: 2px solid white;
text-decoration: none;
color: white;
white-space: nowrap;
height: 26px;
line-height: 22px;
border-radius: 13px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
padding: 0 12px;
margin-top: 12px;
background: transparent;
text-align: center;
}