.error-wrapper{
    position:relative;
    height:100vh;
    margin:auto 
}
.error-wrapper .hp_logo{
    position:absolute;
    left:40px;
    top:20px;
    cursor:pointer 
}
.error-wrapper .hp_logo>a{
    display:block 
}
.error-wrapper .hp_logo img{
    width:212px 
}
.error-image{
    width:100%;
    height:100% 
}
.error-wrapper .error-div{
    position:absolute;
    width:100%;
    top:10% 
}
.error-wrapper .error-div h1{
    font-size:245px;
    text-align:center;
    width:100%;
    color:#000;
    font-family:Gilroy-bold 
}
.error-wrapper p{
    margin:0;
    text-align:center;
    color:#000;
    font-size:24px;
    font-weight:700;
    text-align:center;
    width:100% 
}
.error-wrapper a.back-btn{
    display:block;
    background-color:#000;
    width:128px;
    height:48px;
    border-radius:12px;
    color:#fff;
    line-height:48px;
    text-align:center;
    margin:40px auto 
}
@media(max-width: 800px){
    .error-wrapper .error-div h1 {font-size: 170px;}
    .error-wrapper .error-div {top: 20%}
    .error-image {display: none;}
    body {
        background-image: url('https://d2jvw83318yoy6.cloudfront.net/images/default/error.jpg');
        background-position: bottom;
        background-size: 100%;
        background-attachment: fixed;
        background-color: #d5eafd;
        background-repeat: no-repeat;
    }
}