.content-header {
    display: grid;
    gap: var(--size-2);
    grid-auto-flow: row;
    justify-content: center;
    align-items: center;

    div:last-child {
        justify-content: center;
    }

    .subheading {
        font-weight: var(--font-weight-3);
    }

    section {
        display: grid;
        gap: var(--size-1);
        text-align: center;
    }

    h1 {
        display: none;
    }

    .job-title {
        margin-bottom: var(--size-2);
    }

    @media screen and (min-width: 768px) {
        gap: var(--size-2);
        grid-auto-flow: column;
        justify-content: space-between;

        section {
            text-align: left;
        }

        h1 {
            display: block;
        }

        div:last-child {
            justify-content: start;
        }
    }
}