Update README.MD

Author: Adam

README.MD

@@ -2,30 +2,38 @@ Flex Attributes
 =============
 
 This library allows you to compose layout with flexbox in html. Containers
-are composed by combining `flex-column`|`flex-row` with `flex-flow`.
+are composed by combining `flex`, `column` or `row`, and `layout`. 
 
-`flex-column` or `flex-row` sets the element to be a flex container and sets the direction, `flex-flow` defines how children align on the main, and secondary axis.
-```
-flex-column="reverse nowrap" flex-flow="space-between baseline"
-```
+`layout` accepts 1 or 2 arguments, main axis (justify-content), then secondary axis (align-items).
 
-`flex-row` and `flex-column` can be shorthanded and default to the flexbox defaults
+ `flex row layout="space-between stretch"`
 
-```
-flex-row flex-flow="start baseline"
-```
+Grids are composed by using `grid-lg-*` etc.
 
-`flex-flow` can be shorthanded to just the main axis
-```
-flex-row flex-flow="space-between"
-```
+Children are grown and shrunk with `grow="3"` or `shrink="4"`
+
+`column` and `row`, as well as `grid-*` can be declared with a breakpoints 
+
+`flex column row-md layout="space-between"` (will render a column on screens smaller than 970px)
+ 
+`grid-md-6` (will render a column with flex-basis of 50%, on devices larger than 970px)
+
+Breakpoints (Bootstrap)
+------------
+
+`xs` screens greater than 0px
+
+`sm` screens greater than 750px
+
+`md` screens greater than 970px
+
+`lg` screens greater than 1170px
 
 Installation
 ------------
 
 ```
 npm install flex-attributes
-bower install flex-attributes
 ```
 
 Add, import, or require `flex-attributes/dist/flex-attributes.css` into your project.