.hero.ih5 {
    .hero-inner {
        grid-template-columns: 1fr;
        text-align: center;
        justify-items: center;
    }

    .hero-content {
        align-items: center;
        max-width: 800px;
    }

    a.hero-tag {
        display: inline-block;
        font-size: var(--text-xs);
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        padding: calc(var(--item-gap) * .40) calc(var(--item-gap) * .75) calc(var(--item-gap) * .28) calc(var(--item-gap) * .75);
        border-radius: 9999px;
        background-color: var(--medium);
        color: var(--white);
        align-self: center;
        text-decoration: none;

        @media (max-width: 767px) {
            align-self: center;
        }
    }

    &.bg-medium,
    &.bg-medium-tint,
    &.bg-medium-dim {
        a.hero-tag {
            background-color: var(--dark);
        }
    }

    .hero-ctas {
        justify-content: center;

        @media (max-width: 767px) {
            flex-direction: column;
        }

        @media (min-width: 768px) {
            flex-direction: row;
            justify-content: center;
        }
    }

    .hero-image-circle {
        display: none;
    }
}