/*** Column-Based Content ***/
.column-content h2 {
    text-align: center;
}

.column-content .row-inner>.f-text {
    margin-bottom: 40px;
}

.column-content .column-items {
    display: flex;
    justify-content: space-between;
}

.column-content .col {
    width: 100%;
}

.column-content .col:last-child {
    margin-bottom: 0 !important;
}

.column-content.col-2 .column-items .col {
    width: calc(50% - 40px);
}

.column-content.col-3 .column-items .col {
    width: calc(33.33% - 40px);
}

.column-content.col-4 .column-items .col {
    width: calc(25% - 40px);
}

@media only screen and (max-width:1100px) {
    .column-content .column-items {
        flex-wrap: wrap;
    }

    .column-content.col-4 .column-items .col {
        width: calc(50% - 40px);
        margin-bottom: 40px;
    }
}

@media only screen and (max-width:950px) {
    .column-content.col-3 .column-items .col {
        width: calc(33.33% - 20px);
    }

    .column-content.col-2 .column-items .col,
    .column-content.col-4 .column-items .col {
        width: calc(50% - 20px);
    }
}

@media only screen and (max-width:680px) {

    .column-content.col-2 .column-items .col,
    .column-content.col-3 .column-items .col,
    .column-content.col-4 .column-items .col {
        width: calc(100%);
        margin-bottom: 40px;
    }
}