Responsive thing

This is one way we could do responsive. Build off of @mcwhittemore one element to rule them all. It allows for a couple more things to be passed in as defaults and gives one way for users to set breakpoints and styling. It would probably be best to let them do the same for styling like:
```
<Catalyst size=[12] style={style1}>
    <Catalyst size={[12,7,5,3]} style={[style1,style2,style3]}/>
</Catalyst>
```