.responsive-text-card html {
    margin: 0;
}

.responsive-text-card html {
    background-color: #00BCD4;
    display: flex;
}

.responsive-text-card {
    background-color: #fff;
    border: 2px solid white;
    border-radius: 2px;
}

.responsive-text-card-gray {
    background-color: #fafafa /*f8f9fa*/;
    border: 2px solid white;
    border-radius: 2px;
}

.responsive-text-card-no-boarder-gray {
    background-color: #fafafa;
    border-radius: 2px;
}

.responsive-text-card-no-boarder-transparent {
    background-color: transparent;
    border-radius: 2px;
}
.responsive-text-card-light {
    background-color: #fff;
    border: 2px solid white;
    border-radius: 2px;
}

.responsive-text-card-dark {
    background-color: #000;
    border: 2px solid white;
    border-radius: 2px;
}

.text-card-title {
    display: block;
    height: 2.5em;
    font-weight: 700;
    padding: 0.5em 0.75em 0 1.2em;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}


.text-card-body-col1 {
    display: block;
    padding: 0 1em 0 1em;
    padding-left: 0em;
    -webkit-column-count: 1;
    column-count: 1;
    -webkit-column-rule: 0px solid #6c757d;
    column-rule: 0px solid #6c757d;
    white-space: normal;
}

.text-card-body-col2 {
    display: block;
    padding: 0 1em 0 1em;
    padding-left: 0em;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1em;
    column-gap: 1em;
    -webkit-column-rule: 0px solid #6c757d;
    column-rule: 0px solid #6c757d;
    white-space: normal;
}

.text-card-body-col3 {
    display: block;
    padding: 0 1em 0 1em;
    padding-left: 0em;
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1em;
    column-gap: 1em;
    -webkit-column-rule: 0px solid #6c757d;
    column-rule: 0px solid #6c757d;
    white-space: normal;
}

.text-card-body-col4 {
    display: block;
    padding: 0 1em 0 1em;
    padding-left: 0em;
    -webkit-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 1em;
    column-gap: 1em;
    -webkit-column-rule: 0px solid #6c757d;
    column-rule: 0px solid #6c757d;
    white-space: normal;
}

.text-card-body-col2 p {
    padding-bottom: 1rem;
}

.text-card-body-col3 p {
    padding-bottom: 1rem;
}

.text-card-body-col4 p {
    padding-bottom: 1rem;
}

@media (max-width: 992px) {
    .text-card-body-col4 {
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media (max-width: 768px) {
    .text-card-body-col2 {
        -webkit-column-count: 1;
        column-count: 1;
    }

    .text-card-body-col3 {
        -webkit-column-count: 2;
        column-count: 2;
    }

    .text-card-body-col4 {
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media (max-width: 574px) {
    .responsive-text-card {
        width: 95%;
    }

    .text-card-body-col3 {
        -webkit-column-count: 1;
        column-count: 1;
    }

    .text-card-body-col4 {
        -webkit-column-count: 1;
        column-count: 1;
    }
}

/* unsorted lists
------------------------------------------------------------------------------------------------------------------------------------------------ */
[class*="responsive-text-card"] ul {
    list-style-type: none;
    padding-left: 1.2em;
    line-height: 1.5;
}

    [class*="responsive-text-card"] ul li {
        font-size: 1rem;
    }