.two-column-content {
    font-size: 0;
    padding: 8rem 5vw;
}

.highlighted-content + .two-column-content {
    padding-top: 12rem;
}

.two-column-content-wrapper {
    margin: 0 auto;
}

.two-column-content .column {
    box-sizing: border-box;
    display: inline-block;
    font-size: var(--font-body);
    vertical-align: top;
}

.two-column-content .column img {
    height: auto;
    width: 100%;
}

/*** two-thirds / one-third ***/
.column.column-left.two-third-one-third {
    padding-right: 12rem;
    width: 66.666%;
}

.column.column-right.two-third-one-third {
    padding-left: 6rem;
    width: 33.333%;
}

/*** one-third / two-thirds ***/
.column.column-left.one-third-two-third {
    padding-right: 6rem;
    width: 33.333%;
}

.column.column-right.one-third-two-third {
    padding-left: 12rem;
    width: 66.666%;
}

/*** fifty / fifty ***/
.column.column-left.fifty-fifty {
    padding-right: 9rem;
    width: 50%;
}

.column.column-right.fifty-fifty {
    padding-left: 9rem;
    width: 50%;
}

@media (max-width: 1200px) {
    
    .two-column-content {
        padding: 6rem 5vw;
    }
    
}

@media (max-width: 767px) {
    
    .highlighted-content + .two-column-content {
        padding-top: 6rem;
    }    
    
    .two-column-content {
        padding: 4rem 5vw;
    }
    
    .column {
        display: block;
    }
    
    /*** two-thirds / one-third ***/
    .column.column-left.two-third-one-third {
        padding-bottom: 2rem;
        padding-right: 0;
        width: 100%;
    }

    .column.column-right.two-third-one-third {
        padding-left: 0;
        width: 100%;
    }
    
    /*** one-third / two-thirds ***/
    .column.column-left.one-third-two-third {
        padding-bottom: 2rem;
        padding-right: 0;
        width: 100%;
    }

    .column.column-right.one-third-two-third {
        padding-left: 0;
        width: 100%;
    }
    
    /*** fifty / fifty ***/
    .column.column-left.fifty-fifty {
        padding-bottom: 2rem;
        padding-right: 0;
        width: 100%;
    }

    .column.column-right.fifty-fifty {
        padding-left: 0;
        width: 100%;
    }
    
}