.error-404 {
	height: calc(100vh - 636px) !important;
	min-height: 1200px;
}
.error-404  a{
	color: var(--midblue) !important;
}

.error-404 .hero-image{
	width: 684px !important;
	position:relative !important;
	padding-top: 150px;
	height:auto !important;
	margin-left: 175px;
}
.error-404 .grid-image{
	top: -290px !important;
    left: -190px;
}
.error-404 .main-hero-content{
	width: 100%;
	text-align: center;
	margin-top: 157px;
}
@media (max-width: 1080px) {
	.error-404 .hero-image{
		margin-left: 0;
	}
}

@media (max-width: 800px) {
	.error-404 .hero-image{
		padding-top: 125px;
		position:static;
		position: static !important;
		width: 80% !important;
	}

}