
.page-404 {
    @include color-overlay;
    position: relative;
    background-image: url('/assets/img/fail-cat.gif');
    background-size: cover;
    background-position: center center;

    &:before {
        z-index: -1;
    }

    .header {
        background: none;

        &:before { display: none; }
    }

    .header__title {
        margin-bottom: ($spacer * 2);
        padding-bottom: 0;

        // the bottom line
        &:after {
            content: '';
            height: 1px;
            width: 5rem;
            display: block;
            margin: ($spacer * 2) auto 0;
            background: $brand-main-gray-light;
        }
    }

    .content--page--markdown {
        text-align: center;
        padding-top: 0;
        //margin-bottom: ($spacer * 6);

        p { color: #fff; }
    }

    .footer {
        background: none;
        border-color: rgba(#fff, .2);
    }

    .footer__copyright {
        border-color: rgba(#fff, .1);

        &,
        .menu__link { color: rgba(#fff, .6); }
    }

    .menu--footer {
        a { color: #fff; }
    }
}
