* { -webkit-box-sizing: border-box; box-sizing: border-box }

body { padding: 0; margin: 0 }

#siteerror { position: relative; height: 100vh }

	#siteerror .siteerror { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) }

.siteerror { max-width: 920px; width: 100%; line-height: 1.4; text-align: center; padding-left: 15px; padding-right: 15px }

	.siteerror .siteerror-number { position: absolute; height: 100px; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: -1 }

		.siteerror .siteerror-number h1 { font-family: sans-serif; color: #ececec; font-weight: 900; font-size: 276px; margin: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) }

	.siteerror h2 { font-family: sans-serif; font-size: 46px; color: #000; font-weight: 900; text-transform: uppercase; margin: 0 }

	.siteerror p { font-family: sans-serif; font-size: 16px; color: #000; font-weight: 400; text-transform: uppercase; margin-top: 15px }

	.siteerror a { font-family: sans-serif; font-size: 14px; text-decoration: none; text-transform: uppercase; background: #189cf0; display: inline-block; padding: 16px 38px; border: 2px solid transparent; border-radius: 40px; color: #fff; font-weight: 400; -webkit-transition: .2s all; transition: .2s all }

		.siteerror a:hover { background-color: #fff; border-color: #189cf0; color: #189cf0 }

@media only screen and (max-width: 480px) {
	.siteerror .siteerror-number h1 { font-size: 162px }

	.siteerror h2 { font-size: 26px }
}