@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);

#error-page {
	width: 820px;
	margin: 160px auto 0 auto;
}
#error-page .card {
	overflow: hidden;
}
#error-page .figure {
	width: 460px;
	height: 260px;
	float: left;
}
#error-page .figure.code-403 { background: url(../img/403.png) center bottom no-repeat; }
#error-page .figure.code-404 { background: url(../img/404.png) center bottom no-repeat; }
#error-page .figure.code-500 { background: url(../img/500.png) center bottom no-repeat; }
#error-page .message {
	float: right;
	width: 330px;
	margin: 60px 0 0 0;
	padding: 16px 0;
	border: solid 3px #D8D8D8;
	border-left: 0;
	border-right: 0;
	text-align: center;
}
#error-page .message > * {
	margin: 0;
}
#error-page .message h1 {
	color: #333;
	font-size: 52px;
	font-family: 'Roboto Condensed', sans-serif;
}
#error-page .message p {
	color: #999;
	font-size: 15px;
	font-family: sans-serif;
	padding: 16px 0;
}