html {
	height: 100%;
	
}
body {
	min-height: 100%;
	
	
	-webkit-box-shadow: inset 0 0 18.75em rgba(0,0,0,.5); /* 300 */
	-moz-box-shadow: inset 0 0 18.75em rgba(0,0,0,.5); /* 300 */
	box-shadow: inset 0 0 18.75em rgba(0,0,0,.5); /* 300 */
}
#wrapper {
	width: 100%;
	max-width: 360px;
	position: absolute;
	margin: 0 auto;
	font-size: 80%;
}



@media only screen and ( max-width: 32.5em ) /* 520 */
{
	body
	{
		-webkit-box-shadow: inset 0 0 9.375em rgba( 0, 0, 0, .5 ); /* 150 */
		-moz-box-shadow: inset 0 0 9.375em rgba( 0, 0, 0, 5 ); /* 150 */
		box-shadow: inset 0 0 9.375em rgba( 0, 0, 0, .5 ); /* 150 */
	}
	#wrapper
	{
		width: 100%;
		height: auto;
		position: static;
		padding: 3.125em, 1.25em, 3.125em, 0; /* 50 20 */
		margin: 0;
		font-size: 100%;
	}
}