#fa_hero *, #fah_container, #fah_pad { display: block; padding: 0; margin: 0; }

#fah_container { width: 100vw; overflow: hidden; }
#fah_pad { width: 100vw; }

#fa_hero {
	width: 100vw;
	height: 93.5vw;
	overflow: hidden;

	position: relative;
}

#fa_hero > div, #fa_hero > div > img {
	width: 100%;
}

#fah_top {
	z-index: 0;
	position: fixed;
}

#fah_text {
	z-index: 5;
	position: relative;
}

#fah_bot {
	z-index: 10;
	position: fixed;
	bottom: 5.2vw; /* update in aspect media query. can't follow percentages in firefox */
}

@media (max-aspect-ratio: 3.2/2) {
	#fa_hero {
		width: 150vw;
		height: 140.2vw;
		transform: translateX(-30vw);
	}

	#fah_bot {
		bottom: 7.8vw;
	}
}

@media (max-aspect-ratio: 1/1) {
	#fa_hero {
		width: 200vw;
		height: 187vw;
		transform: translateX(-40vw);
	}

	#fah_bot {
		bottom: 10.4vw;
	}
}

@media (max-aspect-ratio: 2/3.2) {
	#fa_hero {
		width: 250vw;
		height: 233.7vw;
		transform: translateX(-50vw);
	}

	#fah_bot {
		bottom: 13vw;
	}
}

/*
@media (max-aspect-ratio: 5/8) {
	#fa_hero {
		width: 300vw;
		height: 280.5vw;
		transform: translateX(-50vw);
	}

	#fah_bot {
		bottom: 15.6vw;
	}
}
*/