@media (max-height: 768px) {
	body { padding-top: 175px; }
}

@media (max-width: 1024px) {
	#reel { overflow: auto; }
	#reel .content.stub { display: none; }
	#reel .content:nth-child(2) { border-left: 4px solid white; }
	#arrows { display: none; }
}

@media (max-width: 725px) {
	body { padding-top: 0px; }
	
	#desktop_nav { display: none; }
	#mobile_nav { display: block; }
	
	#reel, #arrows, #loader {
		margin-top: 0px;
	}
	
	#reel {
		background-color: white;
		overflow: auto;
		white-space: normal;
		position: absolute;
		top: 50px; bottom: 0;
		width: 100%;
	}
	
	#reel .content {
		display: block;
		height: auto;
		border: 15px solid white;
		border-top: none;
		width: auto;
	}
	
	#reel .content:nth-child(2) { border-left: 15px solid white; }
	
	#credits, #contact, #social {
		position: absolute;
		top: 150px; left: 0px; bottom: 0px;
		overflow: auto;
		width: 100%;
		max-height: none;
	}
	
	#credits {
		text-align: right;
	}
	
	#login {
		margin: 0;
	}
	
	.box {
		display: block;
		text-align: right;
		padding-right: 6px;
	}
	
	#credit_gutter {
		display: none;
	}
	
	body > .social { display: none; }
}