* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

a {
	color: #333;
	text-decoration: none
}

b,
body,
div,
html,
img,
p,
span {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	background: 0 0;
	vertical-align: baseline
}

html {
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 24px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

img {
	height: auto;
	max-width: 100%;
	border: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic
}

body {
	background-image: url(bg.jpg)
}

.error-page-wrapper .main {
	position: fixed;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.error-page-wrapper .content-container {
	padding: 50px;
	max-width: 768px;
	min-width: 640px;
	border-radius: 2px;
	background-color: #fff;
	box-shadow: 0 8px 24px rgba(163, 177, 191, .35);
	text-align: center
}

.error-page-wrapper .content {
	word-wrap: break-word;
	-ms-word-wrap: break-word
}

.error-page-wrapper .head-line {
	margin-bottom: 25px;
	color: #777;
	letter-spacing: -1px;
	font-size: 40px;
	line-height: 60px
}

.error-page-wrapper .head-line img {
	width: 150px
}

.error-page-wrapper .subheader {
	color: #777;
	font-size: 20px;
	line-height: 40px
}

.error-page-wrapper .subheader #time {
	font-size: 20px
}

.error-page-wrapper .hr {
	margin: 25px auto;
	height: 1px;
	max-width: 350px;
	background-color: #eee
}

.error-page-wrapper .context {
	color: #999;
	font-size: 16px;
	line-height: 30px
}

.error-page-wrapper .context p {
	margin: 0
}

@media screen and (max-width:768px) {
	.error-page-wrapper .content-container {
		position: static;
		left: 0;
		margin-top: 0;
		margin-left: 0;
		width: 90%;
		max-width: 640px;
		min-width: 320px
	}

	.error-page-wrapper .subheader {
		font-size: 16px;
		line-height: 30px
	}

	.error-page-wrapper .subheader #time {
		font-size: 16px
	}

	.error-page-wrapper .hr {
		margin: 30px auto;
		width: 215px
	}

	.error-page-wrapper {
		padding: 25% 5%
	}

	.error-page-wrapper .head-line {
		font-size: 32px
	}

	.error-page-wrapper .head-line img {
		width: 125px
	}

	.error-page-wrapper .hr {
		margin: 25px auto;
		width: 180px
	}

	.error-page-wrapper .context {
		font-size: 12px;
		line-height: 25px
	}
}