.mobile:not(.planets) .planetarium {
	display:none;
}

.planetarium {
	position: relative;
	padding-bottom: 100px;
	text-align: center;
}

.planetariumLine {
	position: absolute;
	display:block;
	height: 100%;
	width: 1px;
	background-color: white;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: -1;
}

.planet {
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	margin-bottom: 5em;
}

.planet.explored {
	cursor:pointer;
}


.planetInnerWrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
}


.planetImg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display:inline-block !important;
}

.planetImgSpacer {
	display:inline-block;
}

.planetDetails {
	position: relative;
	display:block;
	padding: 0.5em;
	background-color: black;
	height: auto;
	width: 100%;
}

.planetName {
	font-size: 2.5em;
	font-weight: 200;
	line-height: 1;
	letter-spacing: 0.05em;
	margin-bottom: 0.1em;
	margin-top: 0.1em;
}

.gradientTop,
.gradientBottom {
	position: absolute;
	width: 100%;
	height: 100px;
	display:block;
}

.gradientTop {
	top: 0;
	box-shadow: inset 0 80px 80px -40px black;
}

.gradientBottom {
	bottom: 0;
	box-shadow: inset 0 -80px 80px -40px black;
}

.planet.active .planetExplored a {
	border-color: white;
}




/* individual planetdetail pos */

.planet .planetImgSpacer {
	margin-top: 10%;
	width: 60%;
	padding-bottom: 70%;
}
.planet01 .planetImgSpacer {
	margin-top: 23%;
	width: 52%;
	padding-bottom: 52%;
}
.planet02 .planetImgSpacer {
	margin-top: 11%;
	width: 78%;
	padding-bottom: 78%;
}
.planet03 .planetImgSpacer {
	margin-top: 27%;
	width: 55%;
	padding-bottom: 52%;
}
.planet04 .planetImgSpacer {
	width: 100%;
	padding-bottom: 80%;
}
.planet05 .planetImgSpacer {
	margin-top: 20%;
	width: 60%;
	padding-bottom: 60%;
}
.planet06 .planetImgSpacer {
	margin-top: 17%;
	width: 80%;
	padding-bottom: 63%;
}
.planet07 .planetImgSpacer {
	width: 80%;
	padding-bottom: 80%;
}
.planet08 .planetImgSpacer {
	margin-top: 15%;
	width: 65%;
	padding-bottom: 68%;
}
.planet09 .planetImgSpacer {
	margin-top: 12%;
	width: 76%;
	padding-bottom: 77%;
}
.planet10 .planetImgSpacer {
	margin-top: 16%;
	width: 65%;
	padding-bottom: 67%;
}
.planet11 .planetImgSpacer {
	margin-top: 5%;
	width: 95%;
	padding-bottom: 89%;
}
.planet12 .planetImgSpacer {
	margin-top: 18%;
	width: 65%;
	padding-bottom: 65%;
}
.planet13 .planetImgSpacer {
	margin-top: 13%;
	width: 75%;
	padding-bottom: 74%;
}
.planet14 .planetImgSpacer {
	margin-top: 26%;
	width: 65%;
	padding-bottom: 60%;
}
.planet15 .planetImgSpacer {
	width: 80%;
	padding-bottom: 82%;
}
.planet16 .planetImgSpacer {
	margin-top: 25%;
	width: 60%;
	padding-bottom: 48%;
}
.planet17 .planetImgSpacer {
	margin-top: 8%;
	width: 83%;
	padding-bottom: 84%;
}
.planet18 .planetImgSpacer {
	margin-top: 17%;
	width: 65%;
	padding-bottom: 68%;
}
.planet19 .planetImgSpacer {
	margin-top: 29%;
	width: 43%;
	padding-bottom: 42%;
}
.planet20 .planetImgSpacer {
	width: 100%;
	padding-bottom: 77%;
}
.planet21 .planetImgSpacer {
	width: 100%;
	padding-bottom: 72%;
}
.planet22 .planetImgSpacer {
	width: 70%;
	padding-bottom: 85%;
}
.planet23 .planetImgSpacer {
	width: 70%;
	padding-bottom: 75%;
}
.planet24 .planetImgSpacer {
	width: 100%;
	padding-bottom: 75%;
}
.planet25 .planetImgSpacer {
	width: 80%;
	padding-bottom: 65%;
}
.planet26 .planetImgSpacer {
	width: 70%;
	padding-bottom: 72%;
}
.planet27 .planetImgSpacer {
	width: 100%;
	padding-bottom: 90%;
}
.planet28 .planetImgSpacer {
	width: 70%;
	padding-bottom: 82%;
}
.planet30 .planetImgSpacer {
	width: 70%;
	padding-bottom: 70%;
}
.planet31 .planetImgSpacer {
	width: 80%;
	padding-bottom: 80%;
}
.planet32 .planetImgSpacer {
	width: 70%;
	padding-bottom: 75%;
}
.planet33 .planetImgSpacer {
	width: 60%;
	padding-bottom: 65%;
}
.planet34 .planetImgSpacer {
	width: 80%;
	padding-bottom: 82%;
}
.planet35 .planetImgSpacer {
	width: 100%;
	padding-bottom: 90%;
}
.planet35 .planetImgSpacer {
	width: 90%;
	padding-bottom: 85%;
}
.planet36 .planetImgSpacer {
	width: 70%;
	padding-bottom: 70%;
}
.planet37 .planetImgSpacer {
	width: 100%;
	padding-bottom: 85%;
}
.planet38 .planetImgSpacer {
	width: 100%;
	padding-bottom: 80%;
}
.planet39 .planetImgSpacer {
	width: 80%;
	padding-bottom: 80%;
}
.planet40 .planetImgSpacer {
	width: 60%;
	padding-bottom: 80%;
}
.planet41 .planetImgSpacer {
	width: 90%;
	padding-bottom: 90%;
}
.planet42 .planetImgSpacer {
	width: 60%;
	padding-bottom: 80%;
}
.planet43 .planetImgSpacer {
	width: 80%;
	padding-bottom: 80%;
}
.planet44 .planetImgSpacer {
	width: 70%;
	padding-bottom: 80%;
}
.planet45 .planetImgSpacer {
	width: 80%;
	padding-bottom: 75%;
}
.planet46 .planetImgSpacer {
	width: 70%;
	padding-bottom: 75%;
}
.planet47 .planetImgSpacer {
	width: 85%;
	padding-bottom: 85%;
}
.planet48 .planetImgSpacer {
	width: 80%;
	padding-bottom: 80%;
}
.planet49 .planetImgSpacer {
	width: 70%;
	padding-bottom: 70%;
}
.planet50 .planetImgSpacer {
	width: 80%;
	padding-bottom: 80%;
}
.planet51 .planetImgSpacer {
	width: 90%;
	padding-bottom: 90%;
}
.planet52 .planetImgSpacer {
	width: 90%;
	padding-bottom: 70%;
}
.planet53 .planetImgSpacer {
	width: 80%;
	padding-bottom: 80%;
}
.planet54 .planetImgSpacer {
	width: 100%;
	padding-bottom: 80%;
}
.planet56 .planetImgSpacer {
	padding-bottom: 75%;
}
.planet57 .planetImgSpacer {
	width: 85%;
	padding-bottom: 85%;
}
.planet58 .planetImgSpacer {
	width: 80%;
	padding-bottom: 75%;
}
.planet60 .planetImgSpacer {
	width: 80%;
	padding-bottom: 74%;
}
.planet61 .planetImgSpacer {
	padding-bottom: 75%;
}
.planet62 .planetImgSpacer {
	width: 75%;
	padding-bottom: 65%;
}
.planet63 .planetImgSpacer {
	padding-bottom: 75%;
}
.planet64 .planetImgSpacer {
	width: 75%;
	padding-bottom: 75%;
}
.planet65 .planetImgSpacer {
	padding-bottom: 75%;
}
.planet66 .planetImgSpacer {
	padding-bottom: 75%;
}
.planet67 .planetImgSpacer {
	padding-bottom: 75%;
}
.planet68 .planetImgSpacer {
	width: 75%;
	padding-bottom: 80%;
}
.planet69 .planetImgSpacer {
	width: 75%;
	padding-bottom: 75%;
}
.planet70 .planetImgSpacer {
	width: 70%;
	padding-bottom: 90%;
}
.planet70 .planetImg {
	margin-right: -50px;
}

.planet71 .planetImgSpacer {
	padding-bottom: 75%;
}
.planet72 .planetImgSpacer {
	width: 75%;
	padding-bottom: 80%;
}
.planet73 .planetImgSpacer {
	width: 75%;
	padding-bottom: 80%;
}
.planet74 .planetImgSpacer {
	width: 75%;
	padding-bottom: 75%;
}

.planet76 .planetImgSpacer {
	padding-bottom: 85%;
}

.planet77 .planetImgSpacer {
	width: 80%;
}

.planet78 .planetImgSpacer {
	width: 80%;
	padding-bottom: 82%;
}

.planet79 .planetImgSpacer {
	width: 100%;
}

.planet80 .planetImgSpacer {
	width: 90%;
	padding-bottom: 85%;
}

.planet81 .planetImgSpacer {
	padding-bottom: 75%;
}

.planet82 .planetImgSpacer {
	width: 90%;
	padding-bottom: 80%;
}

.planet83 .planetImgSpacer {
	width: 80%;
	padding-bottom: 75%;
}

.planet84 .planetImgSpacer {
	width: 80%;
	padding-bottom: 82%;
}

.planet85 .planetImgSpacer {
	width: 80%;
	padding-bottom: 75%;
}

.planet86 .planetImgSpacer {
	width: 80%;
	padding-bottom: 80%;
}

.planet87 .planetImgSpacer {
	width: 75%;
	padding-bottom: 75%;
}

.planet88 .planetImgSpacer {
	width: 85%;
	padding-bottom: 80%;
}

.planet89 .planetImgSpacer {
	width: 85%;
	padding-bottom: 80%;
}

.planet90 .planetImgSpacer {
}

.planet91 .planetImgSpacer {
	width: 85%;
	padding-bottom: 80%;
}

.planet92 .planetImgSpacer {
}

.planet93 .planetImgSpacer {
	width: 85%;
	padding-bottom: 80%;
}

.planet94 .planetImgSpacer {
	width: 85%;
	padding-bottom: 90%;
}

.planet95 .planetImgSpacer {
}

.planet96 .planetImgSpacer {
	width: 70%;
}

.planet97 .planetImgSpacer {
	width: 85%;
	padding-bottom: 80%;
}

.planet98 .planetImgSpacer {
	width: 80%;
	padding-bottom: 80%;
}

.planet99 .planetImgSpacer {
}

.planet100 .planetImgSpacer {
	width: 80%;
	padding-bottom: 90%;
}

.planet101 .planetImgSpacer {
}

.planet102 .planetImgSpacer {
	padding-bottom: 80%;
}

.planet104 .planetImgSpacer {
	width: 77%;
	padding-bottom: 80%;
}


.planet105 .planetImgSpacer {
	padding-bottom: 80%;
}

.planet106 .planetImgSpacer {
	padding-bottom: 80%;
}

.planet108 .planetImgSpacer {
	width: 80%;
	padding-bottom: 90%;
}

.planet109 .planetImgSpacer {
	padding-bottom: 75%;
}

.planet110 .planetImgSpacer {
	width: 70%;
	padding-bottom: 80%;
}

.planet111 .planetImgSpacer {
	padding-bottom: 60%;
}

.planet112 .planetImgSpacer {
	padding-bottom: 80%;
}

.planet113 .planetImgSpacer {
	width: 85%;
	padding-bottom: 77%;
}

.planet114 .planetImgSpacer {
	width: 75%;
	padding-bottom: 80%;
}

.planet116 .planetImgSpacer {
	width: 90%;
	padding-bottom: 85%;
}

.planet117 .planetImgSpacer {
	width: 90%;
}

.planet118 .planetImgSpacer {
	width: 80%;
	padding-bottom: 80%;
}

.planet119 .planetImgSpacer {
	padding-bottom: 65%;
}

.planet120 .planetImgSpacer {
	width: 80%;
	padding-bottom: 80%;
}

.planet121 .planetImgSpacer {
	width: 75%;
	padding-bottom: 75%;
}

.planet122 .planetImgSpacer {
	width: 90%;
	padding-bottom: 85%;
}


/* desktop */
@media only screen and (min-width: 950px) {
	.planetarium {
		padding: 0 30% 100px 30%;
	}
}

/* desktop */
@media only screen and (min-width: 1600px) {
	
	.planet {
		margin-bottom: 0;
	}
	
	.planetImgSpacer {
		display:none;
	}
		
	.planetDetails {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		min-width: 300px;
		height: 120px;
		padding-top: 1.2em;
		z-index:2;
		background-color: transparent;
	}
	
	.planet.left .planetDetails {
		left: -85%;
	}
	
	.planet.right .planetDetails {
		right: -85%;
	}
	
	.planet .planetDetails .planetUnexplored {
		margin-top: 1.5em;
	}
	
	.planetName {
		font-size: 4em;
		margin: 0;
	}

}






/* explorer */


.explorerOverlay {
	position: absolute;
	top: 48px;
	width: 100%;
	min-height: calc(100vh - 48px);
	height: auto;
	background-color: rgba(0,0,0,0.8);
	z-index: 20;
	opacity: 0;
	transition: opacity 0.5s ease;
}

.explorerOverlay.active {
	opacity: 1;
}

.explorerContainer {
	position: relative;
	background-color: white;
	color: black;
	z-index: -1;
	max-width: 1420px;
	width: 100%;
	margin: 0 auto;
}

.explorerCloser {
	position: absolute;
	top: 0.1em;
	right: 6%;
	padding: 10px;
}

.explorerCloser svg {
	width: 22px;
	height: 22px;
	cursor:pointer;
}

.explorerCloser line {
	stroke: black;
	stroke-width: 2.2;
}

.explorerHeader,
.explorerBody,
.explorerPageContainer,
.explorerMainPageContainer {
	padding: 70px 8% 50px 8%;
}

.explorerImagePageContainer {
	padding: 75px 0 100px 0;
}

.explorerMainPageContainer .explorerBody {
	padding: 0;
}

.explorerMainPageContainer .explorerHeader {
	padding-top: 0;
}


.explorerHeader {
	text-align: center;
	padding: 4em 0 4em 0;
}

.explorerHeader .planetName {
	font-size: 3.5em;
	margin: 0 0 0.2em 0;
	letter-spacing: 0.1em;
	overflow: hidden;
}

.explorerHeader .planetTitle {
	max-width: 75%;
	margin: auto;
	left: 0;
	right: 0;
	letter-spacing: 0.1em;
}

.explorerGradientTop {
	display:block;
	width: 120%;
	margin-left: -10%;
	margin-right: -10%;
	height: 70px;
	position: fixed;
	top: 48px;
	z-index: 22;
	box-shadow: inset 0 40px 40px -10px white;
	pointer-events:none;
}

.explorerPlanetImg,
.explorerPageContent img,
.explorerPageContent iframe {
	max-width: 100%;
}

.explorerPlanetImg {
	margin-top: 4em;
	max-width: 50%;
}

.explorerPageContent img,
.explorerPageContent iframe {
	margin: 0.2em -9.5% 0 -9.5%;
	max-width: 119%;
	display:block;
}

div.explorerPageCaption {
	text-align: center;
	font-size: 0.8em;
	padding: 0.6em 1em;
}


.explorerPageContainer {
	text-align: center;
	border-top: 4px solid black;
}

.explorerPageText,
.explorerPageContainer p,
.explorerPageContainer .redactor-in {
	font-size: 1.8em;
	line-height: 1.2;
	font-weight: 600;
}


/* desktop */

@media only screen and (min-width: 950px) {
	
	.explorerOverlay {
		min-height: 100vh;
		top: 0;
	}
	
	.explorerCloser {
		position:fixed;
		width: 90%;
		max-width: 1420px;
		top: 0;
		left: 0;
		right: 0;
		margin: 5% auto;
		z-index: -1;
		text-align: right;
		padding-top: 0;
		padding-bottom: 0;
		pointer-events: none;
	}
	
	.explorerCloser svg {
		margin-right: -2em;
		width: 4%;
		max-width: 2.2em;
		height: 4%;
		pointer-events:auto;
	}
	
	.explorerCloser line {
		stroke: white;
		stroke-width: 1.6;
	}
	
	
	.explorerContainer {
		width: 85%;
		min-height: 90%;
		margin: 5% auto 5% auto;
	}
	
	.explorerHeader .planetName {
		font-size: 4em;
	}
	
	.explorerPageContent img,
	.explorerPageContent iframe {
		max-width: 100%;
		margin: 0.2em auto 0 auto;
		max-height: 80vh;
	}
	
	.explorerPageText,
	.explorerPageContainer p,
	.explorerPageContainer .redactor-in {
		font-size: 2.4em;
	}
	
}

/* desktop */
@media only screen and (min-width: 950px) {

	.explorerBody .column {
		position: relative;
		display:inline-block;
		width: 47%;
		vertical-align: bottom;
	}
	
	.explorerBody .firstColumn {
		margin-right: 5%;
	}
	
}

/* desktop */
@media only screen and (min-width: 1600px) {
	
	.explorerCloser svg {
		margin-right: -5em;
	}
	.explorerContainer {
		width: 90%;
	}
	
}