.career-intro {

    padding-top: var(--s-xl);

    align-items: flex-start;

}



.career-intro-headline {

    grid-column: 2 / span 5;

    grid-row: 1 / span 1;

    margin: 0;

    text-transform: uppercase;

    font-weight: 500;

    text-wrap: balance;

}



.career-intro-description {

    grid-column: 2 / span 5;

    grid-row: 2 / span 1;

    margin-top: var(--s-md);

}





.career-intro-btn {

    grid-column: 2 / span 5;

    grid-row: 3 / span 1;

    margin-top: var(--s-sm);

}



.career-intro-text-under-btn {

    grid-column: 2 / span 5;

    grid-row: 4 / span 1;

    margin-top: var(--s-md);

}



.career-intro-img-wrapper {

    grid-column: 9 / span 5;

    grid-row: 2 / span 4;

}



@media (max-width: 1199.98px) {

    .career-intro-description,

    .career-intro-btn {

        grid-column: 2 / span 6;

    }



    .career-intro-headline {

        margin-bottom: var(--s-sm);

        grid-column: 2 / span 12;

    }



    .career-intro-text-under-btn {

        grid-column: 2 / span 12;

        grid-row: 6 / span 1;

    }



    .career-intro-img-wrapper {

        grid-column: 8 / span 6;

    }

}



@media (max-width: 767.98px) {

    .career-intro-description,

    .career-intro-btn,

    .career-intro-img-wrapper {

        grid-column: 2 / span 12;

    }



        .career-intro-text-under-btn {

        grid-row: 4 / span 1;

    }



    .career-intro-img-wrapper {

        grid-row: 5 / span 1;

        margin-top: var(--s-sm);

    }

}