body { margin: 0; background-color: #000000; }
.error404 { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 15px; text-align: center; background-color: rgba(0,0,0,.93); color: #ddd; font-size: 12px; font-family: museosans_500,Arial,sans-serif; }
.error404::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: url(https://www.supabets.co.za/App_Themes/Supabets_4/images/header_logo.png) center center no-repeat; background-size: 75%; }
.error404 > a { display: inline-block; width: 200px; margin: 5px; color: #ddd; }
.error404 > a img { width: 100%; }
.error404 p { margin: 17px 0; line-height: 1.15em; }
.error404 ul { display: flex; justify-content: center; flex-direction: column; list-style-type: none; margin: 0; padding: 5px 0; }
.error404 ul li { padding: 9px 10px; }
.error404 ul li a { text-decoration: none; padding: 12px; background-color: #00fcae; color: #000; font-size: 16px; border-radius: 4px; transition: .05s ease-in-out; }
.error404 ul li a:hover { background-color: #00fcae; }
@media (min-width: 1280px) { 
    .error404 > a { margin-bottom: 15px; }
    .error404 p { margin: 0; line-height: 28px; } 
    .error404 ul { flex-direction: row; padding: 15px 0; } 
}