.error_block {
    background          : #043c5a;
    height              : 100%;
    width               : 100%;
    position            : fixed;
    -webkit-transition  : all 0.5s ease;
    -o-transition       : all 0.5s ease;
    transition          : all 0.5s ease;
    z-index             : 100000000;
}
.error_block .logo_col {
    bottom      : 0;
    height      : 11vw;
    top         : -10vw;
    left        : 0;
    right       : 0;
    margin      : auto;
    position    : absolute;
    width       : 90vw;
}
.error_block .loader_logo_icon {
    width   : 15vw;
}
.error_block h1 {
    margin-top  : 2vw;
    color       : #fff;
    font-size   : 2vw;
    font-weight : bold;
}
.error_block h2 {
    margin-top  : 0vw;
    color       : #fff;
    font-size   : 1vw;
    font-weight : bold;
}
.error_block hr {
    background-color    : #fff;
    height              : 1px;
    margin-top          : 0vw;
    margin-bottom       : 1vw;
    width               : 15vw;
}
.error_block .btn_block_error {
    padding-left    : 40vw;
    padding-right   : 40vw;
    margin-top      : 1vw;
}
.error_block .btn-primary {
    background      : #fff;
    border          : #fff 1px solid;
    border-radius   : 500px;
    color           : #043c5a;
    cursor          : pointer;
    font-size       : 1vw;
}
.error_block .btn-primary:hover,
.error_block .btn-primary:active,
.error_block .btn-primary:focus {
    background-color    : #043c5a!important;
    border              : #fff 1px solid;
    color               : #fff;
    cursor: pointer;
}
@media(max-width: 768px) and (max-height: 500px) {
    .error_block .logo_col {
        top : -35vw!important;
    } 
    .error_block .loader_logo_icon {
        width   : 50vw!important;
    }
    .error_block h1 {
        font-size   : 5vw!important;        
        margin-top  : 2vw!important;
    }    
    .error_block hr {
        margin-bottom   : 5vw!important;        
        margin-top      : 1vw!important;
        width           : 60vw!important;
    }
    .error_block h2 {
        font-size   : 3vw!important;        
        margin-top  : 0vw!important;
    }
    .error_block .btn-primary {
        font-size   : 3vw!important;
    } 
    .error_block .btn_block_error {
        padding-left    : 20vw!important;
        padding-right   : 20vw!important;
        margin-top      : 2.5vw!important;
    }    
}
@media(max-width: 700px){
    .error_block .logo_col {
        top : -70vw;
    }    
    .error_block .loader_logo_icon {
        width   : 70vw;
    }
    .error_block h1 {
        font-size   : 7vw;        
        margin-top  : 5vw;
    }    
    .error_block hr {
        margin-bottom   : 5vw;        
        margin-top      : 1vw;
        width           : 60vw;
    }
    .error_block h2 {
        font-size   : 5vw;        
        margin-top  : 0vw;
    }
    .error_block .btn-primary {
        font-size   : 5vw;
    } 
    .error_block .btn_block_error {
        padding-left    : 10vw;
        padding-right   : 10vw;
        margin-top      : 5vw;
    }               
}
@media (max-height: 480px) and (max-width: 320px) {
    .error_block .logo_col {
        top : -70vw!important;
    }    
    .error_block .loader_logo_icon {
        width   : 70vw!important;
    }
    .error_block h1 {
        font-size   : 8vw!important;
        margin-top  : 4vw!important;
    }
    .error_block h2 {
        font-size   : 5vw!important;
        margin-top  : 0vw!important;
    }
    .error_block .btn_block_error {
        margin-top  : 5vw!important;
    }
    .error_block .btn-primary {
        font-size   : 5vw!important;
    }   
}