.container_errorpage {
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
}

.sky {
	background-color: #ffffff;
	height: 240px;
	width: 100%;
	margin: 0px;
	position: absolute;
	left: 0;
	z-index: 200;
}

.waves {
	background-image: url("../png/waves.png");
	background-repeat: repeat-x;
	z-index: 100;
	background-color: #b3e4fb;
	height: 70%;
	width: 100%;
	margin: 0px;
	position: absolute;
	top: 240px;
	left: 0;
}

.error_text {
	font-size: 25px !important;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	line-height: normal;
}

.oops-wrapper {
	white-space: nowrap;
	font-weight: bold;
	z-index: 300;
	position: absolute;
	width: 100%;
	align-content: center;

}

.lp-image {
	width: 250px;
	vertical-align: middle;
}

.oops-text {
	font-size: 200px;
	font-weight: bold;
	position: relative;
	color: #000000;
	padding-top:125px;
	text-align: left;

}

.error_body {
	width: 100%;
	display: block;
	top: 360px;
	z-index: 300;
	position: absolute;
}


@media screen and (max-width: 760px) {


	.waves {
		height: 70%;
		top: 22%;
	}

	.sky {
		height: 22%;
	}

	.error_body {
		top: 250px;
		z-index: 300;
	}

	.error_text {
		font-size: 20px !important;
	}

	.oops-text {
		font-size: 110px;
	}
	.lp-image {
		width: 180px;
	}

}

@media screen and (max-width: 499px) {


	.waves {
		height: 70%;
		top: 22%;
	}

	.sky {
		height: 22%;
	}

	.error_body {
		top: 300px;
		z-index: 300;
	}

	.error_text {
		font-size: 20px !important;
	}

	.oops-text {
		font-size: 80px;
	}

	.lp-image {
		width: 180px;
	}
}