.legend {
    float: left;
    width: 270px;
    height: 118px;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

.legend .title {
    float: left;
    width: 125px;
    height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.legend .color-sample {
    float: left;
    width: 20px;
    height: 20px;
    /*border: 2px solid; /* Comment out if you don't want to show the fillColor */
    border-radius: 5px; /* Comment out if you prefer squarish samples */
    margin-right: 5px;
}