/* Error Pages */
.error-sys {
	text-align: center;
	padding: 0;
}

.error-sys .main {
	padding: 9% 3%;
}

.error-sys .error-text {
}

.error-sys .error-text strong {
	display: block;
	font-size: 8em;
	color: #D1D5DA;
	line-height: 1;
}

.error-sys .error-text h1 {
	font-size: 3em;
	position: relative;
	margin: 0;
	color: #004E7D; /* $primary */
}

.error-sys .error-text p {
	font-size: 1.333em;
	font-weight: 600;
	margin-top: .5em;
}

.error-sys .error-text icon {
	font-size: 4em;
	color: #B6BEC5; /* darken($light,20%) */
}

.error-sys .btn-con {
	background-color: #DEE1E4; /* darken($light,5%) */
	padding: 3%;
}

.error-sys .btn-con  .btn {
}
/* End Error Pages */

/* 800px Responsive */
@media screen and (max-width:800px) {
	.error-sys .error-text icon {
		font-size: 4em;
	}

	.error-sys .error-text h1 {
		font-size: 2.25em;
	}
}
/* End 800px Responsive */

/* 550px Responsive */
@media screen and (max-width:550px) {
	.error-sys .error-text h1 {
		font-size: 1.6667em;
	}

	.error-sys .error-text p br {
		display: none;
	}

	.error-sys .btn-list li .btn {
		padding: .75em 2%;
	}

	.error-sys .error-text p {
		font-size: 1.111em;
	}
}
/* End 550px Responsive */

/* 450px Responsive */
@media screen and (max-width:450px) {
	.error-sys .btn-list {
		display: block;
	}
}
/* End 450px Responsive */

/* 400px Responsive */
@media screen and (max-width:400px) {
	.error-sys .error-text h1 {
		font-size: 1.4em;
	}
}
/* End 400px Responsive */