.error-page-component {
    display: flex;
    padding: $grid-gutter-width ($grid-gutter-width / 2);
    flex-grow: 1;
    align-items: center;

    h1 {
        @include font-sans-bold;
        width: 100%;
        font-size: px2rem(22px);
        text-align: center;
        text-transform: uppercase;

        @include media-breakpoint-up(sm) {
            font-size: px2rem(32px);
        }

        @include media-breakpoint-up(lg) {
            font-size: px2rem(48px);
        }
    }
}