:root {
    --zadea-dark-orange: #f39200;
    --zadea-light-orange: #c85206;
    --zadea-grey: #575656;
    --fibercloud-blue: #007cc4;
    --ondaline-lightblue: #10a7e0;
    --footer-dark-grey: #27282C;
}


.error-wrapper {
    height: 100%;
}

    .error-wrapper .error-container {
        padding: 60px;
    }

        .error-wrapper .error-container .error {
            margin: 0 auto;
            text-align: center;
        }

            .error-wrapper .error-container .error .error-title h2 {
                font-weight: 700;
                letter-spacing: 5px;
                text-transform: uppercase
            }

            .error-wrapper .error-container .error .error-number {
                color: var(--zadea-light-orange);
                font-size: 100px;
                font-weight: 700;
                letter-spacing: 5px;
                text-shadow: 0px 3px 8px rgba(87,38,23,0.93)
            }



            .error-wrapper .error-container .error .error-or {
                height: 20px;
                margin: 30px 0 10px;
                position: relative;
                text-align: center
            }

                .error-wrapper .error-container .error .error-or .or-line {
                    height: 1px;
                    left: 40px;
                    position: absolute;
                    right: 40px;
                    top: 10px
                }

                .error-wrapper .error-container .error .error-or .or {
                    -lh-property: 0;
                    left: -webkit-calc(50% - 30px);
                    left: -moz-calc(50% - 30px);
                    left: calc(50% - 30px);
                    height: 20px;
                    margin: 0 auto;
                    position: absolute;
                    text-transform: uppercase;
                    top: 2px;
                    width: 60px
                }

            .error-wrapper .error-container .error .error-textbox {
                padding: 0 40px
            }

            .error-wrapper .error-container .error .error-submit {
                padding: 0 40px
            }

                .error-wrapper .error-container .error .error-submit input {
                    font-size: 13px;
                    font-weight: 300;
                    text-transform: uppercase
                }

            .error-wrapper .error-container .error .error-actions {
                display: block;
                height: 40px;
                list-style: none;
                padding: 5px
            }

                .error-wrapper .error-container .error .error-actions > li {
                    display: inline-block;
                    float: left;
                    width: 33%
                }



@@media only screen and (max-width:600px) {
    .error-wrapper {
    }

        .error-wrapper .error-container {
        }

            .error-wrapper .error-container .error {
                width: auto
            }
}