.text--twocols {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.text--twocols > * > *{
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 33px */
    color: var(--color-neutral--dark);
    margin: 0;
    align-self: stretch;
}
.text--twocols > * > h4, .text--twocols > * > h4 > *, .text--twocols > * > h4 >* >*{
    margin: 0;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    padding-bottom: 10px;
    
}

.text--twocols > * {
    width: 100%;
}

.text--twocols > .col2 >* {
    font-size: 19px;
}

@media screen and (min-width: 999px) {

    .text--twocols > * > h4, .text--twocols > * > h4 > *, .text--twocols > * > h4 >* >*{
        font-size: 27px;
    }

    .text--twocols > * > *{
        font-size: 22px;
    }
    
    .text--twocols {
        flex-direction: row;
        gap: 32px;
    }
}