Flex box Safari Issue

I have a layout using flex - and it's working fine in Chrome, but in Safari my child items are all one per line. Ive looked at numerous examples and can't see what's causing this - any help would be appreciated! Code: http://scratchpad.io/frequent-letter-9578 Thank you!