revealability

Back Back Up Advanced Editor

/*--------------------------------------------------------------
    #404-page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
#13.1  error-404-section
--------------------------------------------------------------*/
.error-404-section {
    .error {
        width: 50%;
        float: left;

@include media-query(991px) {
            width: 100%;
            float: none;
            text-align: center;
        }

h2 {
            font-size: 200px;
            font-size: calc-rem-value(200);
            margin: 0;

@include media-query(991px) {
                font-size: 150px;
                font-size: calc-rem-value(150);
            }

@include media-query(767px) {
                font-size: 100px;
                font-size: calc-rem-value(100);
            }
        }
    }

.error-message {
        width: 50%;
        float: left;
        margin-top: 40px;

@include media-query(991px) {
            width: 100%;
            float: none;
            text-align: center;
            margin-top: 0;
        }

h3 {
            font-size: 24px;
            font-size: calc-rem-value(24);
            font-weight: 400;
            margin: 0 0 0.8em;
        }

p {
            margin-bottom: 1.8em;
        }
    }
}