/*
==============================
Page: 404
==============================
*/

#error404 .button {
	padding: var(--md);
	font-size: 1.25rem;
}
.error404-links-wrapper {
	height: 24rem;
	text-align: center;
}
.error404-links-wrapper img {
	position: relative;
	top: -2rem;
	height: 26rem;
	width: auto;
}

#error404 {
	background-image: url(../../img/bg-404.jpg);
	background-repeat: repeat;
	background-size: 10rem;
}

@media (min-width: 768px) {
	#error404 .button {
		font-size: 1.5rem;
	}
	.error404-button-wrapper {
		height: 24rem;
	}
}

@media (min-width: 992px) {
	.error404-link-section {
		margin-top: var(--xxl);
		margin-bottom: var(--xxl)
	}
	#error404 {
		background-size: 15rem;
	}
	.error404-links-wrapper img {
		top: -4rem;
		height: 28rem;
	}
}