.page-error {
    background: #161819 url("/image/denied.jpg");
    background-size: cover;

    header {
        font-size: 0.85em;
        background: var(--color_dark_background);
        z-index: 2;
        @media screen and (max-width: 1200px) {
            width: 50px;
        }
        a {
            border-bottom: 0;
        }

        background: none;
        width: 100%;
        height: auto;
        float: none;
        position: relative;

        #header-logo {
            img {
                height: 50px;
                margin: 30px auto 40px;
                display: block;
            }
        }
    }

    main {

        width: 100%;
        height: 100%;
        position: relative;
        transition: left 0.6s;
        transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
        left: 0;

        z-index: 3;
        padding: 0;
        .body {
            max-width:1000px;
            padding: 70px 10px 0;
        }

        .view {
            max-width: 1000px;
            padding:20px 30px;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%,  rgba(0, 0, 0, 0.3) 100%);
            margin: 20px auto 0;
            &.view-error-exception {
                padding: 0;
                background: none;
            }
            .title h2 {

                text-align: left;
                background: #222;
                color: white;
                font-family: var(--header-font);

                position: relative;
                clear: both;
                line-height: 1.3em;

                margin: 0;
                padding: 0 0 5px 0;
                font-size: 1.3em;
                font-weight: 100;
                text-transform: uppercase;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                background: none;
            }

            .body {
                padding: 0;
                color: #dcdcdc;
                font-size: 1.0em;
            }
        }
    }
}