@media (orientation: portrait) {

	body {
		background-color: rgb(0,0,0);
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width: 100vw;
		height: 100vh;
		overflow: hidden;
	}

	#content {
		overflow: hidden;
	}
	
	#character {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -40%);
		height: calc(100% * 1.35);
	}

	#logo {
		top: initial;
		bottom: 6vh;
		transform: translate(-50%, 0);
		left: 50%;
		color: rgb(150,150,150);
		mix-blend-mode: initial;
		font-size: 15vw;
		opacity: 0.5;
		line-height: 25vw;
		width: calc(100% - 20px);
	}

	#logo span a {
		font-size: 13vw;
	}

	#logo div a {
		font-size: 8vw;
		width: 12vw;
		height: 22.5vw;
	}
	
	#logo div a:hover {
		font-size: 8vw;
		width: 12vw;
		height: 22.5vw;
	}

	#background1 {
		opacity: .25;
		background-position: 52.5% 0;
	}

	#background2 {
		z-index: 20;
		background: none;
		mix-blend-mode: initial;
	}

	.bars {
		display: none;
	}

	#sheen1, #sheen2 {
		display: none !important;
	}

	#flare {
		left: -32.5vw;
		width: 200vw;
		opacity: .25;
	}
}