.error-image{
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}

.error-container img{
    width: 107.5px;
}
 
.error-logo{
    margin-bottom: 47px;
}

.error-title{
    
    
    
    
    
    
    
    
    
    
    : 'CorpoA';
    font-style: normal;
    font-weight: 400;
    font-size: 96px;
    line-height: 48px;
    color: #FFFFFF;
    margin-bottom: 37px;
}

.error-subtitle{
    font-family: 'CorpoSDem';
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 48px;
    color: #FFFFFF;
}

.error-container{
    margin-top: 8.33%;
}

.error-content{
    font-family: 'CorpoS';
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 48px;
    color: #FFFFFF;
}
.error-button{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #FFFFFF;

}

.error-backpage{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    /* identical to box height */
    color: #FFFFFF;
    margin-top: 72px;
    border: solid 1px;
    border-radius: 50px;
    background: none;
}


.error-contents{
    font-family: 'CorpoS';
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 48px;
    color: #FFFFFF;
    border-bottom: solid 3px;
    border-spacing: 0px;
}



@media screen and (max-width: 600px){
    
    .error-image{
        background-position-x: 50%;
        height: 90vh;
    }
    
    .error-container img{
        width: 85.83px;
        height: 85.53px;
    }
    
    .error-title{
        font-size: 50px;
    }
    
    .error-subtitle{
        font-size: 30px;
    }
    
    .error-contents{
        font-size: 18px;
    }
    
        .error-content{
        font-size: 18px;
    }
    
}