body {
	background-image: url("cloudbg.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#indigo {
	height: 100%;
	width: 80%;
	max-width: 100vh;
	bottom: 0;
	left: 10vw;
	position: absolute;
	background-image: url('aboutrendernew.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.about-button:hover {
	filter: hue-rotate(80deg);
}

#banner {
	width: 100%;
	height: 10%;
}

#button-back {
	float: left;
	width: 20%;
	height: 100%;
}

#container {
	width: 100%;
	height: 90%;
	position: relative;
}
#container > * {
	position: absolute;
	display: block;
}

.button-container {
	top: 50%;
	transform: translateY(-50%);
	left: 10vw;
	width: 26vw;
}
.button-container a {
	display: block;
}
.button-container img {
	display: block;
	width: 100%;
	object-fit: cover;
}

.text-container {
	/*background: url("textbox4.png");
	background-repeat: no-repeat;
	background-size: contain;*/
	top: 50%;
	transform: translateY(-50%);
	right: 10vw;
	/*width: 30vw;*/
	height: 50vw;
	max-height: 72vh;
	/*max-width: 45vh;*/
}
.text-container > img {
	display: block;
  width: auto;
  height: 100%;
}
.text-container > div { /* inner text div for padding */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
	overflow-y: auto;
	display: flex;
	align-items: center;
	text-align: center;
	margin: 3vw 4vw 3vw 2vw;
	box-sizing: content-box;
	/*margin: 2.5em 3em 2.5em 1.5em;*/
}
.text-container p {
	font-family: "Retron2000";
	font-size: 18px;
	color: white;
	text-shadow: 2px 2px 4px #000;
	margin: auto 0;
}

@media (max-aspect-ratio: 14/15) {
	.button-container {
		position: relative !important;
		width: 100%;
		transform: initial;
		top: initial;
		left: initial;
		display: flex;
		flex-direction: row;
		flex: 0 0 auto;
	}
	.button-container img {
		width: 49%;
		display: inline;
	}
	.text-container {
		position: relative !important;
		top: initial;
		right: initial;
		float: right;
		width: unset;
		height: 60%;
		max-width: 100%;
		margin: 1em;
		transform: initial;
	}
	.text-container > div {
		margin: 2.5em 3em 2.5em 1.5em;
	}
	#indigo {
		left: -20vw;
	}
}