.error404 { padding: 20px 10px; overflow: hidden; width: auto; min-width: 0; max-width: 1180px; margin-left: auto; margin-right: auto; }
.error404 > img { max-width: 50%; display: block; height: auto; margin: 0 auto 20px; position: relative; left: -8%; }
.error404 h1 { background: transparent; font-family: 'Open Sans Condensed', sans-serif; font-size: 30px; height: auto; line-height: 1; color: #898989; margin: 10px 0; padding: 0; text-indent: 0; font-weight: 300; text-shadow: none; text-align: left; text-transform: uppercase; }
.error404 h1 img { display: block; margin: 0 auto; max-width: 100%; width: auto; height: auto; }
.error404 p { font-family: 'Open Sans', sans-serif; }
.error404 p a { font-style: italic; text-decoration: none; font-weight: 600; color: #dc413d; }
.error404 p a:hover { text-decoration: underline; }

@media only screen and (min-width:600px) {
    .error404 h1 { font-size: 60px; }
    .error404 p { font-size: 16px; line-height: 1.5; }
}

@media only screen and (min-width:768px) {
    .error404 h1 { font-size: 80px; margin: 30px 0 10px; }
    .error404 h1:before { content: none; }
    .error404 p { font-size: 20px; line-height: 2; }
}

@media only screen and (min-width:950px) {
    article.error404 { margin-left: auto; margin-right: auto; }
}

@media only screen and (min-width:1100px) {
    .error404 { background: transparent; margin: 0; padding: 60px 10px; }
    .error404 > img { float: left; width: 30%; left: 0; max-width: none; margin: 0 3.4% 0 0; }
}