@font-face
{
	font-family: "Source Sans Pro";
	font-weight: 100;
	font-style: normal;
	src: url("https://www.bungie.net/fonts/SourceSansPro-ExtraLight.otf.woff2") format("woff2"), url("https://www.bungie.net/fonts/SourceSansPro-ExtraLight.otf.woff") format("woff");
}

@font-face
{
	font-family: "Source Sans Pro";
	font-weight: 200;
	font-style: normal;
	src: url("https://www.bungie.net/fonts/SourceSansPro-Light.otf.woff2") format("woff2"), url("https://www.bungie.net/fonts/SourceSansPro-Light.otf.woff") format("woff");
}

@font-face
{
	font-family: "Source Sans Pro";
	font-weight: 400;
	font-style: normal;
	src: url("https://www.bungie.net/fonts/SourceSansPro-Regular.otf.woff2") format("woff2"), url("https://www.bungie.net/fonts/SourceSansPro-Regular.otf.woff") format("woff");
}

@font-face
{
	font-family: "Source Sans Pro";
	font-weight: 500;
	font-style: normal;
	src: url("https://www.bungie.net/fonts/SourceSansPro-Semibold.otf.woff2") format("woff2"), url("https://www.bungie.net/fonts/SourceSansPro-Semibold.otf.woff") format("woff");
}

@font-face
{
	font-family: "Source Sans Pro";
	font-weight: 700;
	font-style: normal;
	src: url("https://www.bungie.net/fonts/SourceSansPro-Bold.otf.woff2") format("woff2"), url("https://www.bungie.net/fonts/SourceSansPro-Bold.otf.woff") format("woff");
}

@font-face
{
	font-family: "Source Sans Pro";
	font-weight: 900;
	font-style: normal;
	src: url("https://www.bungie.net/fonts/SourceSansPro-Black.otf.woff2") format("woff2"), url("https://www.bungie.net/fonts/SourceSansPro-Black.otf.woff") format("woff");
}

*
{
	box-sizing: border-box;
}

html,
body
{
	height: 100%;
	margin: 0;
}

body
{
	position: relative;

	color: #f5f5f5;
	background: url("https://www.bungie.net/img/theme/bungienet/bgs/bg_error_sweeperbot.jpg") 25% center no-repeat;
	background-size: cover;

	font-family: -apple-system, BlinkMacSystemFont, Helvetica, "Source Sans Pro", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 1rem;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}

header
{
	position: absolute;
	display: block;
	z-index: 1000;

	width: 100%;
	height: 78px;
	margin: 0 auto;
	padding: 0 32px;

	background: linear-gradient(to bottom, rgba(18, 23, 28, 0.75), transparent);
}

	header #logo {
		display: block;
		width: 174px;
		height: 78px;
		padding: 0;
		vertical-align: middle;
		background: url("https://www.bungie.net/img/theme/bungienet/logos/bungie_logo_with_shield.svg") left center no-repeat;
	}

.container
{
	position: relative;

	top: 50%;
	left: 50%;
	width: 40%;
	padding: 32px;

	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.message
{
	font-size: 14px;
}

.message-503 p
{
	padding: 8px 0 16px;

	border-bottom: 1px solid rgba(245, 245, 245, 0.1);
}

.footer
{
	margin-top: 64px;

	opacity: 0.5;

	font-size: 12px;
}

h1
{
	margin: 0;
	padding: 16px 0;
}

@media all and (max-width: 1000px)
{
	header
	{
		position: absolute;
	}

	html,
	body
	{
		height: auto;
	}

	body
	{
		min-height: 100vh;

		background-position: 15% center;
	}

	.container
	{
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding-top: 50vh;

		-webkit-transform: none;
		transform: none;

		background: rgba(18, 23, 28, 0.5);
	}
}