/* 404 Logo */
.logo_404{
    width: 545px;
    height: auto;
    margin-bottom: 50px;
}

/* Whole container */
.error_page_container{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 0px 100px 0px;
}

/* Grey text */
.error_page_container > span{
    margin: 5px 0px 25px 0px;
    color: var(--grey1);
    text-align: center;
}

@media screen and (max-width: 767px) {

    /* Error logo */
    .logo_404{
        width: 400px;
    }

    /* Error title */
    .error_page_container .h2{
        font-size: 20px;
    }

    /* Grey text */
    .error_page_container > span{
        font-size: 12px;
    }

    /* Home page button */
    #home-page{
        font-size: 14px;
    }

    /* Whole container */
    .error_page_container{
        padding: 0px 0px 70px 0px;
    }
}

@media screen and (max-width: 479px) {

    /* Error logo */
    .logo_404{
        width: 300px;
    }
}