@use "../common/utils" as *;
@use "../common/mixins" as *;

.page-header {
    background: rgba(var(--color-background));
    padding: calc-rem(30px 0 55px 0);

    @include media-breakpoint-up(lg) {
        padding: calc-rem(45px 0 70px 0);
    }

    h1 {
        font-size: clamp-font(16px, 25px);
        margin-bottom: 0;
    }

    &--centered{
        text-align: center;
    }
}
