body {
	height=100%;
	margin: 0;
	background-color: #1f1f1f;
}

.outerbox {
	width: 100%;
    height: 100vh;
	margin: 0;
}

.logobox {
	background-size: contain; 
	background-repeat: no-repeat;
	background-position: center;
	width: 50%;
	min-width: 300px;
	height: 100%;
	float: left;
	margin: auto 0;
}

.logoinner {
	background-size: contain; 
	background-repeat: no-repeat;
	background-position: center;
	width: 85%;
	height: 100%;
	margin: auto;
}

.logobox:hover {
	background-color: #222222;
}

#swswlogo {
	background-image: url('swsw.png');
}

#stephenwhitelylogo {
	background-image: url('stephenwhitely.png');
}

@media (orientation: portrait) {
	.logobox {
		width: 100%;
		height: 50%;
	}
}

@media (min-width: 1500px) {
	#swswlogo {
		background-image: url('swsw2.png');
	}
}