:host {
}

.columns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 32px; /* Chrome, Safari, Opera */
    -moz-column-gap: 32px; /* Firefox */
    column-gap: 32px;
    -webkit-column-rule: 1px outset #979ea4; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px outset #979ea4; /* Firefox */
    column-rule: 1px outset #979ea4;
}

.columns h2 {
    font-weight:400;
    margin-top:0;
    margin-bottom:0;
    font-size:22px;
    }

.columns img {
    width:100%;
    margin-top:8px;
    margin-bottom:-8px;
    }

@media all and (min-width:2000px) {
    .columns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    }

.columns h2 {
    font-size:1.2em;
    }

}

@media all and (max-width:1200px) {

.columns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    }

}


@media all and (max-width:900px) {

    .columns {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;

    }

}


@media all and (max-width:800px) {


    .columns {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    }

}