html,
body
{
	margin: 0;
	padding: 0;

	height: 100%;
	width: 100%;
}

html
{
	font-size: 16px;
}

body
{
	font-size: 1em;

	min-height: 560px;
	min-width: 800px;
}

body *
{
	font-smooth: always;
}

.wrapper
{
	background: #0b0b0b;

	font-size: 100%;
	text-align: center;

	overflow: hidden;

	min-height: 100%;
	width: 100%;
}

.wrapper > .top
{
	background: #fa3b0a;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgb(181,6,6)), color-stop(0.25, rgb(250,58,10)));
	background-image: -moz-linear-gradient(center bottom,rgb(181,6,6) 5%,rgb(250,58,10) 25%);
	background-image: linear-gradient(center bottom,rgb(181,6,6) 5%,rgb(250,58,10) 25%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fa3b0a', endColorstr='#b30808')";

	color: #fff;

	box-shadow: rgba(0,0,0,1) 0.13em 0 0.38em;
	-moz-box-shadow: rgba(0,0,0,1) 0.13em 0 0.38em;
	-webkit-box-shadow: rgba(0,0,0,1) 0.13em 0 0.38em;
	position: relative;

	height: 50%;
	width: 100%;
}

.wrapper > .top .logo
{
	margin: 12% 0 1%;

	min-width: 307px;
	max-width: 783px;
	width: 50%;
}

.wrapper > .bottom
{
	font-size: 100%;
}

.wrapper > .bottom .info
{
	color: #fff;
	font-family: "Segoe UI Light", "Segoe UI", "Verdana", sans-serif;
	font-size: 550%;
	font-weight: "300";

	display: block;
	margin: 3% 0 0;
}

@media screen and (min-height: 1px) and (max-height: 800px)
{
	.wrapper > .bottom .info
	{
		font-size: 325%;
	}
}