.column {
    float: left
}

.size-1of5 {
    width: 20%
}

.size-1of4 {
    width: 25%
}

.size-1of3 {
    width: 33.333%
}

.size-1of2 {
    width: 50%
}

#fh5co-board[data-columns]::before {
    content: '4 .column.size-1of4'
}

@media screen and (max-width:480px) {
   #fh5co-board[data-columns]::before {
        content: '1 .column'
    }
}

@media screen and (max-width:700px) {
    #fh5co-board[data-columns]::before {
        content: '2 .column.size-1of2'
    }
}

@media screen and (min-width:701px) and (max-width:850px) {
    #fh5co-board[data-columns]::before {
        content: '3 .column.size-1of3'
    }
}

@media screen and (min-width:851px) {
    #fh5co-board[data-columns]::before {
        content: '4 .column.size-1of4'
    }
}