@font-face {
    font-family: 'Flow';
    src: url('fonts/flow-rounded.woff') format('woff');
}

@font-face {
    font-family: 'Flow-Circular';
    src: url('fonts/flow-circular.woff') format('woff');
}

@font-face {
    font-family: 'Flow-Rounded';
    src: url('fonts/flow-rounded.woff') format('woff');
}

@font-face {
    font-family: 'Flow-Block';
    src: url('fonts/flow-block.woff') format('woff');
}

/* Helper classes */
.font--flow {
    font-family: 'Flow' !important;
}
.font--flow-circular {
    font-family: 'Flow-Circular' !important;
}
.font--flow-rounded {
    font-family: 'Flow-Rounded' !important;
}
.font--flow-block {
    font-family: 'Flow-Block' !important;
}