.heroInner--error {
    background-position: bottom center;
}

/*********************
START: ERROR
*********************/

.error--content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.error--content h2 {
    color: var(--baseDark-color);
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-block-end: 2.5rem;
}

/*********************
END: ERROR
*********************/

/*********************
START: MEDIA
*********************/
@media screen and (min-width: 1440px) {
    .error--content h2 {
        font-size: 34px;
    }
}

@media screen and (min-width: 1320px) and (max-width: 1439px) {
    .error--content h2 {
        font-size: var(--text-3xl);
    }
}

@media screen and (max-width: 1319px) {
    .error--content h2 {
        font-size: var(--text-3xl);
    }
}

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

@media screen and (max-width: 992px) {
    .error--content h2 {
        font-size: var(--text-2xl);
    }
}

@media screen and (max-width: 768px) {
    .error--content h2 {
        font-size: var(--text-xl);
    }
}

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

@media screen and (max-width: 425px) {
    .error--content h2 {
        font-size: var(--text-lg);
    }
}

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

/*********************
END: MEDIA
*********************/