@font-face {
    font-family: 'MyOmnesSemibold';
    src: url('../../templates/fonts/omnes-semibold-webfont.eot'),
    url('../../templates/fonts/omnes-semibold-webfont.woff') format('woff'),
    url('../../templates/fonts/omnes-semibold-webfont.ttf') format('truetype');
}

.container-image-code {
    position: relative;
    text-align: center;
    margin-top: 100px;
    font-family: MyOmnesSemibold;
}
.container-error-description {
    position: relative;
    text-align: center;
    font-family: MyOmnesSemibold;
}

.container-image-code img{
    vertical-align: bottom;
    margin-left:-130px;
}
.container-image-code .error_code {
    margin-left: -126px;
    color: #FCAF17;
    font-size:220px;
}
.container-image-code .error_text {
    color: #828D99;
    font-size:35px;
    text-transform: uppercase;
}
.container-error-description .oops_message{
    margin-top: 20px;
}
.container-error-description .oops_message span{
    color: #485965;
    font-size:60px;
}
.container-error-description .error-message{
    color: #828D99;
    font-size:30px;
}

.error-message.yellow {
    color: #FCAF17;
}

@media (max-width: 720px) {
    .container-image-code img{
        vertical-align: bottom;
        margin-left: 0;
    }
    .container-image-code .error_code {
        margin-left: 0;
        font-size:200px;
    }
}