#error-404{ text-align:center; padding: 10% 0; position: relative; z-index: 10; } body.error { padding: 0; } body #error-404[data-cc="true"] h1, body #error-404[data-cc="true"] h2, body #error-404[data-cc="true"] p { color: inherit; } body.error404 .error-404-bg-img, body.error404 .error-404-bg-img-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50%; z-index: 1; } body.error404 .error-404-bg-img-overlay { opacity: 0.8; } body #error-404 h1, body #error-404 h2 { font-family: "Open Sans"; font-weight:700 } body #ajax-content-wrap #error-404 h1 { font-size:250px; line-height:250px; } body #ajax-content-wrap #error-404 h2 { font-size:54px; } body #error-404 .nectar-button { margin-top: 50px; } @media only screen and (max-width : 690px) { body .row #error-404 h1, body #ajax-content-wrap #error-404 h1 { font-size: 150px; line-height: 150px; } body #ajax-content-wrap #error-404 h2 { font-size: 32px; } body .row #error-404 { margin-bottom: 0; } }