.columnparent .column{
    float: left;
}

.columnparent .column.clear{
    clear: right;
    margin-right: 0;
}

.columnparent .break-at-2{
    width: calc( 98% / 2 );
    margin-right: 2%;
}

.columnparent .break-at-3{
    width: calc( 96% / 3 );
    margin-right: 2%;
}

.columnparent .break-at-4{
    width: calc( 94% / 4 );
    margin-right: 2%;
}

.columnparent .break-at-5{
    width: calc( 92% / 5 );
    margin-right: 2%;
}

.columnparent .break-at-6{
    width: calc( 90% / 6 );
    margin-right: 2%;
}

.columnparent:after{
    display: block;
    content: "";
    clear: both;
}

@media screen and (max-width: 320px) {
    .columnparent .column,
    .columnparent .column.clear{
        width: 100%;
        float: none;
    }
}