.error404 #header, .error404 #footer {
	display: none;
}
#hero404 {
	position: fixed;
	left: 50%;
	top: 50%;
	min-height: 100%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transform: translate(-50%,-50%);
	transition: all .25s;
}

.error404 #hero .hero-container {
	padding-bottom: 0;
	min-height: 0;
	position: static;
}


.error404.active #hero404 {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	transform: translate(-55%,-50%);	
}

@media screen and (max-width: 600px) {
    .error404 #hero .info {
        padding-top: 120px;
    }

    .error404 #hero404 {
        display: none;
    }

    .error404 {
        background: #2f2e32;
    }

}