.error-page {
	width: 100%;
	height: 100vh;
	background-image: url("../imgs/error-background.png");
	background-size: cover;
	background-repeat: repeat;
}
.error-content {
	width: 100%;
	height: 100%;
}
.centerbox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 800px;
	height: 500px;
}
.error-paragraph {
	color: #bcbcbc;
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 26px;
	margin-bottom: 15px
}
.try-home {
	color: #bcbcbc;
	display: block
}
.try-home:hover {
	color: #bcbcbc
}
.error-img {
	margin-bottom: 30px
}
.go-to-home {
	border: 3px dotted #FFF;
	color: #FFF;
	padding: 8px 30px;
	margin: 50px 0;
	display: inline-block;
	box-shadow: 0 0 5px 1px #435153;
	font-weight: bold;
	letter-spacing: 1px
}
.go-to-home:hover {
	color: #FFF;
	text-decoration: none;
	box-shadow: none
}
.list-links {
	display: flex;
	padding: 0 120px;
	justify-content: space-between
}
.list-links li {
	
}
.list-links li a {
	color: #858585;
	font-size: 17px;
	transition: all 0.2s ease-in-out
}
.list-links li a:hover {
	text-decoration: none;
	color: #FFF
}

/** Extra small devices (portrait phones, less than 576px) **/
@media (max-width: 575.98px) {
	
	.centerbox {
		width: 100%
	}
	.error-img {
		width: 70%;
	}
	.error-paragraph {
		font-size: 15px
	}
	.list-links {
		padding: 0 30px
	}
	.list-links li a {
		font-size: 13px
	}
	
}

/** Small devices (landscape phones, 576px and up) **/
@media (min-width: 576px) and (max-width: 767.98px) {
	
	.centerbox {
		width: 100%
	}
	.error-paragraph {
		font-size: 20px
	}
	.list-links {
		padding: 0 30px
	}
	
}

/** Medium devices (tablets, 768px and up) **/
@media (min-width: 768px) and (max-width: 991.98px) {
	
	.centerbox {
		width: 100%
	}
	.error-paragraph {
		font-size: 20px
	}
	
}

/** Large devices (desktops, 992px and up) **/
@media (min-width: 992px) and (max-width: 1199.98px) {
	
	
	
}

/** Extra large devices (large desktops, 1200px and up) **/
@media (min-width: 1200px) {
	
	
	
}