.container-splash,
.container-xsmall {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 576px) {
    .container-splash,
    .container-xsmall {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 992px) {
    .container-splash,
    .container-xsmall {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1200px) {
    .container-splash,
    .container-xsmall {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 1440px) {
    .container-splash,
    .container-xsmall {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.container-splash {
    padding-top: 24px;
    padding-bottom: 24px;
    height: 100vh;
    width: 100%;
}

@media (min-width: 768px) {
    .container-splash,
    .container-xsmall {
        padding-left: 15px;
        padding-right: 15px;
    }
}

main.container-splash.page-error {
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 60%;
    max-width: 1440px;
    margin: 0 auto;
    min-height: calc(100vh - 98.24px - 78px);
}

    main.container-splash.page-error .container-xsmall {
        max-width: 570px;
    }

        main.container-splash.page-error .container-xsmall .error-code {
            font-weight: 100;
            font-size: 15em;
        }

        main.container-splash.page-error .container-xsmall .error-msg {
            font-size: 3.14em;
            font-weight: 700;
            line-height: 1.1;
        }

@media (max-width: 991.98px) {
    main.container-splash.page-error {
        font-size: 0.8rem;
        background-size: 70%;
        min-height: calc(100vh - 78px);
    }
}

@media (max-width: 767.98px) {
    main.container-splash.page-error {
        font-size: 0.6rem;
        background-size: 85%;
        height: calc(100vh);
    }
}