﻿
.httpErrorBold {
    font-family: 'ArcaMajora3';
    font-size: 51px;
    font-weight: normal;
    line-height: 25.2px;
    letter-spacing: .5px;
    color: #0f1113;
    line-height: 1.2;
    text-transform: uppercase;
}

.httpErrorHeading {
    font-family: 'Raleway', sans-serif;
    font-weight: 200;
    letter-spacing: -1.5px;
    font-size: 55px;
    line-height: 1;
    color: #0f1113;
    font-feature-settings: 'lnum';
    -moz-font-feature-settings: 'lnum=1';
    -ms-font-feature-settings: 'lnum';
    -webkit-font-feature-settings: 'lnum';
    -o-font-feature-settings: 'lnum';
}

.httpError {
    color: #FFFFFF;
    /*font: 300 16px/27.2px 'Hind', sans-serif;*/
    /*font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;*/
}

.httpErrorCode {
    font-family: 'ArcaMajora3';
    font-size: 80px;
    font-weight: normal;
    margin: 150px 0px 50px 0px;
}

.httpErrorTitle {
    font-family: 'ArcaMajora3';
    font-size: 26px;
    font-weight: normal;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.httpErrorMessage {
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    line-height: 1.5;
    margin: 50px 20px 50px 20px;
}

@media (min-width: @screen-sm-min) {
}

@media (min-width: 768px) {
    .pbs-text-align {
        text-align: left;
    }

    .httpErrorCode {
        font-family: 'ArcaMajora3';
        font-size: 200px;
        font-weight: normal;
        margin: 280px 0px 0px 0px;
    }

    .httpErrorTitle {
        font-family: 'ArcaMajora3';
        font-size: 48px;
        font-weight: normal;
        letter-spacing: .5px;
        text-transform: uppercase;
        margin: 130px 0px 0px 0px;
    }

    .httpErrorMessage {
        font-family: 'Raleway', sans-serif;
        font-size: 24px;
        line-height: 1.5;
        margin: 100px 20px 50px 20px;
    }
}

@media (min-width: 992px) {
    .httpErrorCode {
        font-family: 'ArcaMajora3';
        font-size: 220px;
        font-weight: normal;
        margin: 300px 0px 30px 0px;
    }

    .httpErrorTitle {
        font-family: 'ArcaMajora3';
        font-size: 48px;
        font-weight: normal;
        letter-spacing: .5px;
        text-transform: uppercase;
        margin: 150px 0px 30px 0px;
    }

    .httpErrorMessage {
        font-family: 'Raleway', sans-serif;
        font-size: 24px;
        line-height: 1.5;
        margin: 100px 50px 30px 50px;
    }
}

@media (min-width: 1200px) {
    .httpErrorCode {
        font-family: 'ArcaMajora3';
        font-size: 260px;
        font-weight: normal;
        margin: 300px 0px 60px 0px;
    }

    .httpErrorTitle {
        font-family: 'ArcaMajora3';
        font-size: 60px;
        font-weight: normal;
        letter-spacing: .5px;
        text-transform: uppercase;
        margin: 150px 0px 30px 0px;
    }

    .httpErrorMessage {
        font-family: 'Raleway', sans-serif;
        font-size: 26px;
        line-height: 1.5;
        margin: 100px 50px 30px 50px;
    }
}