html {
			height: 100%;
			margin: 0;
			padding: 0;
		}

		body {
			margin: 0;
			padding: 0;
			background: black;
		}

		#topContainer {
			visibility: hidden;
		}

		.feature {
			max-width: 50%;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-right: -50%;
			transform: translate(-50%, -50%);
		}

		@media (max-width: 767px) and (orientation:landscape) {
			.feature {
				max-width: 60%;
				margin-left: 0;
			}
		}

		@media (max-width: 767px) and (orientation:portrait) {
			.feature {
				max-width: 100%;
				margin-top: 0;
			}
		}

		.widerfeature {
			max-width: 60%;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-right: -50%;
			transform: translate(-50%, -50%);
		}

		@media (max-width: 767px) and (orientation:landscape) {
			.widerfeature {
				max-width: 60%;
				margin-left: 0;
			}
		}

		@media (max-width: 767px) and (orientation:portrait) {
			.widerfeature {
				max-width: 100%;
				margin-top: 0;
			}
		}

		@media (min-width: 768px) and (max-width: 1100px) and (orientation:portrait) {
			.widerfeature {
				width: 75%;
				max-width: none;
				margin-top: 0;
			}
		}