.error404 .page-header {
	position: relative;
	margin-bottom: 20px;
}

.error404 .page-header:before {
	content: "404";
	position: absolute;
	top: -20px;
	left: 50%;
	color: #f4f4f4;
	font-weight: 700;
	font-size: 400px;
	line-height: 320px;
	transform: translateX(-50%);
}

.error404 .page-header h3 {
	position: relative;
	padding: 115px 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 82px;
	line-height: 82px;
	color: var(--wd-primary-color);
}

.error404 .page-content {
	text-align: center;
}

.error404 .page-content p {
	font-size: 110%;
}

.error404 .page-content>.wd-search-form {
	margin: 0 auto;
	max-width: 400px;
}

.error404.global-color-scheme-light .page-header:before {
	color: rgba(255, 255, 255, .1);
}

@media (max-width: 1024px) {
	.error404 .page-header:before {
		font-size: 280px;
		line-height: 240px;
	}
	
	.error404 .page-header h3 {
		padding: 70px 0;
		font-size: 50px;
	}
}

@media (max-width: 768px) {
	.error404 .page-header:before {
		top: -10px;
		font-size: 150px;
		line-height: 120px;
	}
	
	.error404 .page-header h3 {
		padding: 15px 0;
		font-size: 32px;
	}
	
	.error404 .page-content h1 {
		font-size: 18px;
	}
}