/* 404 page option #1 */
.page-404 {text-align: center;position: absolute;left: 50%;top: 50%;display: block;transform: translateX(-50%) translateY(-50%);}
.page-404 .number {display: inline-block;font-size: 220px;color: #ff5252;font-family: 'Nordwind-Book',sans-serif;font-weight: 400;}
.page-404 .details {display: inline-block;font-size: 36px;}
.page-404 .details h3 {font-size: 42px;margin: 15px 0;}
.page-404 .details p {margin: 15px 0;}
/* 500 page option #1 */
.page-500 {text-align: center;}
.page-500 .number {display: inline-block;letter-spacing: -10px;line-height: 128px;font-size: 128px;font-weight: 300;color: #ec8c8c;text-align: right;}
.page-500 .details {margin-left: 40px;display: inline-block;text-align: left;}
/* 404 page option #2*/
.page-404-full-page {overflow-x: hidden;padding: 20px;background-color: #fafafa !important;}
.page-404-full-page .details input {background-color: #ffffff;}
.page-404-full-page .page-404 {margin-top: 100px;}
/* 500 page option #2*/
.page-500-full-page {overflow-x: hidden;padding: 20px;background-color: #fafafa !important;}
.page-500-full-page .details input {background-color: #ffffff;}
.page-500-full-page .page-500 {margin-top: 100px;}
@media (max-width: 480px) {
    .page-404 .number,.page-500 .number,.page-404 .details,.page-500 .details {text-align: center;margin-left: 0px;}
    .page-404-full-page .page-404 {margin-top: 30px;}
}