/* Color Tokens */
.primary {
	color: #FF0009; /* $primary */
}

.secondary {
	color: #D7D7D7; /* $secondary */
}

.tertiary {
	color: #FFF212; /* $tertiary */
}

.light {
	color: #FEFEFE; /* $light */
}

.dark {
	color: #201E1E; /* $dark */
}
/* End Color Tokens */

/* Error Page Banner */
.error-banner-area {
	position: relative;
	padding: 2em 0 0;
	background-image: url(/images/banner-areaBG.jpg);
	background-size: cover;
}

.error-banner-area .flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.error-banner-area .info {
	position: relative;
	-webkit-flex: 0 1 50%;
	-ms-flex: 0 1 50%;
	flex: 0 1 50%;
}

.error-banner-area .info ul {
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.error-banner-area .info > h4 {
	font-size: 1em;
	text-transform: uppercase;
	line-height: 1;
}

.error-banner-area .info > strong {
	display: block;
	line-height: .8;
	font-size: 6.941176470588em;
	font-weight: 600;
	letter-spacing: -.06em;
	color: #FEFEFE;
	margin-bottom: .2em;
}

.error-banner-area .info > h4 strong {
	font-size: 4.1em;
	font-weight: 900;
}

.error-banner-area .info > h4 strong.thin {
	font-size: 2.944em;
	font-weight: 300;
	color: #201E1E;
	position: relative;
}

.error-banner-area .info > h4 em {
	display: block;
	padding-left: 2em;
	font-size: 3.5em;
	font-style: normal;
	color: #201E1E;
}

.error-banner-area .info > h4 strong.thin:after {
	content: '';
	width: 2em;
	height: .05em;
	background-color: #FFF212;
	position: absolute;
	bottom: .2em;
	right: -2.25em;
}

.error-banner-area .info > em {
	display: block;
	line-height: 1;
	font-size: 2em;
	color: #939393;
	font-style: normal;
	padding: 2em 0;
}

.error-banner-area .info > em br {
	display: none;
}

.error-banner-area .info .btn {
}

.error-banner-area .flex .img-holder {
	-webkit-flex: 0 1 50%;
	-ms-flex: 0 1 50%;
	flex: 0 1 50%;
}

.error-banner-area .flex .img-holder img {
	width: 100%;
	background-size: contain;
	max-height: 30em;
	background-position: bottom center;
	display: block;
	background-repeat: no-repeat;
}
/* End Error Page Banner */

/* 1400px Responsive */
@media screen and (max-width:1400px) {
	body {
	}

	.error-banner-area .info > strong {
		font-size: 6em;
	}
}
/* End 1400px Responsive */

/* 1050px Responsive */
@media screen and (max-width:1050px) {
	body {
	}

	.error-banner-area .info > strong {
		font-size: 5em;
	}

	.error-banner-area .info > em {
		font-size: 2.45em;
	}

	.error-banner-area .info .btn {
		margin-top: 3em;
	}
}
/* End 1050px Responsive */

/* 900px Responsive */
@media screen and (max-width:900px) {
	body {
	}

	.error-banner-area .info > strong {
		font-size: 4em;
	}

	.error-banner-area .info > em {
		font-size: 2em;
	}

	.error-banner-area .info .btn {
		margin-top: 2em;
	}
}
/* End 900px Responsive */

/* 650px Responsive */
@media screen and (max-width:650px) {
	body {
	}

	.error-banner-area {
		padding: 28% 4% 7%;
	}

	.error-banner-area .info > em br {
		display: block;
	}
}
/* End 650px Responsive */

/* 500px Responsive */
@media screen and (max-width:500px) {
	body {
	}

	.error-banner-area .info > strong {
		font-size: 2.75em;
	}

	.error-banner-area .info > em {
		font-size: 1.5em;
	}
}
/* End 500px Responsive */
