.error--container {
    max-width: 30em;
    margin: 3em auto;
    text-align: center;
    background: #fff;
    /*background: rgb(221, 11, 11);
				background: -webkit-linear-gradient(45deg, rgb(221, 11, 11) 0%, rgb(187, 38, 38) 24%, rgb(115, 70, 70) 24%, rgb(170, 157, 157) 100%);
				background: linear-gradient(45deg, rgb(221, 11, 11) 0%, rgb(187, 38, 38) 24%, rgb(115, 70, 70) 24%, rgb(170, 157, 157) 100%);*/
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25), 0 0 2px 0 rgba(0, 0, 0, .25);
    color: #000;
}

    .error--container div[class^='error--panel-'] {
        padding: 1em 0.5em;
    }

    .error--container .error--panel-top {
    }

    .error--container p {
        margin: 0;
    }

    .error--container .error--icon {
        display: inline-block;
        width: auto;
        border: 3px solid #000;
        border-radius: 100%;
        padding: 0.75em 1em;
    }

        .error--container .error--icon .fa {
            font-size: 2rem;
        }

    .error--container p.error--message-type {
        margin: 0.5em 0 0;
        text-transform: uppercase;
        font-size: 2rem;
    }

    .error--container p.error--message {
        margin: 0.5em 0 1.5em;
        line-height: 1.5;
        font-size: 1rem;
        color: #000;
    }

    .error--container .error-opts {
        display: block;
        margin-top: 1em;
    }

        .error--container .error-opts p {
            display: inline-block;
            margin-right: 1em;
            /*margin-bottom: 1em;*/
        }

            .error--container .error-opts p:last-child {
                margin-right: 0;
                /*margin-bottom: 0;*/
            }

        .error--container .error-opts a {
            display: inline-block;
            border: 3px solid #c41818;
            padding: 0.5em 0.5em;
            color: #c41818;
        }

            .error--container .error-opts a:hover {
                background: #c41818;
                color: #fff;
            }

/* Media Queries */

@media only screen and (max-width: 640px) {
}