.list-item {
    box-sizing: border-box;
    position: relative;
    display: block;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-bottom: 2rem;

}

.list-2-column,
.list-3-column,
.list-3-column,
.list-4-column,
.list-5-column,
.list-6-column {
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: -2rem;
    clear: both;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
}

.one-half {
    width: 50%;
}

.one-third {
    width: 33.33%;
}

.two-third {
    width: 66.66%;
}

.one-fourth {
    width: 25%;
}

.three-fourth {
    width: 75%;
}

.one-fifth {
    width: 20%;
}

.two-fifth {
    width: 40%;
}

.three-fifth {
    width: 60%;
}

.four-fifth {
    width: 80%;
}

.one-sixth {
    width: 16.66%;
}

.five-sixth {
    width: 83.33%;
}

.three-fourth {
    float: right
}

.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.threefifth,
.four-fifth,
.one-sixth,
.five-sixth {
    float: left;
    min-height: 1px;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

@media only screen and (min-width: 959px) {
    .list-item {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }

    .list-2-column,
    .list-3-column,
    .list-3-column,
    .list-4-column,
    .list-5-column,
    .list-6-column {
        margin-left: -1rem;
        margin-right: -1rem;
    }
}

@media only screen and (min-width: 960px) {
    .list-9-column .list-item {
        width: 11.111111111111%;
    }

    .list-8-column .list-item {
        width: 12.5%;
    }

    .list-7-column .list-item {
        width: 14.285714285714%;
    }

    .list-6-column .list-item {
        width: 16.666666666667%;
    }

    .list-5-column .list-item {
        width: 20%;
    }

    .list-4-column .list-item {
        width: 25%;
    }

    .list-3-column .list-item {
        width: 33.333333333333%;
    }

    .list-2-column .list-item {
        width: 50%;
    }
}

@media only screen and (min-width: 641px) and (max-width: 959px) {
    .list-9-column .list-item {
        width: 16.666666666667%;
    }

    .list-8-column .list-item {
        width: 25%;
    }

    .list-7-column .list-item {
        width: 33.333333333333%;
    }

    .list-6-column .list-item {
        width: 33.333333333333%;
    }

    .list-5-column .list-item {
        width: 33.333333333333%;
    }

    .list-4-column .list-item {
        width: 50%;
    }

    .list-3-column .list-item {
        width: 50%;
    }

    .list-2-column .list-item {
        width: 50%;
    }
}


@media only screen and (max-width: 640px) {
    .list-9-column .list-item {
        width: 33.333333333333%;
    }

    .list-8-column .list-item {
        width: 50%;
    }

    .list-7-column .list-item {
        width: 50%;
    }

    .list-6-column .list-item {
        width: 50%;
    }

    .list-5-column .list-item {
        width: 50%;
    }

    .list-4-column .list-item {
        width: 50%;
    }

    .list-3-column .list-item {
        width: 50%;
    }

    .list-2-column .list-item {
        width: 50%;
    }
}    

@media only screen and (max-width: 767px) {
    .one-half,
    .one-third,
    .two-third,
    .three-fourth,
    .one-fourth,
    .one-fifth,
    .two-fifth,
    .threefifth,
    .four-fifth,
    .one-sixth,
    .five-sixth {
        position: relative;
        float: none;
        width: 100%;
        margin: 2rem 0
    }

    .three-fourth {
        padding: 0
    }
}