Update index.html
    - [html] added ie conditional comment tags for lt IE10 css workaround
Update demo.js
    - [js] added config setups for lg() and xl() functions to fix the collapsing of navigation when resized from small screen to large or xl screen through the maximize buttons in the browser
Update demo.css
    - changed the font-size media query for [font-size: .9em] to be exclusively for small screen
    - separated the [ *{box-sizing} ] from the [ *::before, *::after ]
    - removed the border-bottom and width property for navigation
    - removed the font-family property for all article tag and article > h2 tag... redundant
    - merged the .boxy-orient and .boxy-wrap property into .boxy-flow
Update flexaflav.css
    - removed all letter-spacing property due to unwanted effects on IE11 when used with flexbox
    - removed .divvy, [class*="divvy-"] styles, this will be used for IE8-9 workarounds
    - merged .boxy-orient and .boxy-wrap into .boxy-flow
    - changed min-width mediq query of sm screen to 12.5em
    - rewritten comment tags of .boxy-order, .divvy classes to be more clear
Update demo.js
    - changed the bind event of [ html.on(... ] and [ nav.on(... ] to be exclusive to touchstart only.
    it has side effects on click event. when resizing from small screen to lg or xl without activating
    the navigation
Replace .boxy-orient and .boxy-wrap with .boxy-flow
Update index.html
    - added a conditional comment for IE8-9 workarounds
    - transfered the demo-lt-ie10.css link to the added conditional comment
Change [if gt IE 8] to [if gt IE 9]
Merge .boxy-flow, .boxy-justify, and .boxy-align to .boxy
Revert "Merge .boxy-flow, .boxy-justify, and .boxy-align to .boxy"

This reverts commit f76cde68250347945a3e7e02aee2004ee5ac8213.
Merge .boxy and .boxy-flow
Merge .boxy-justify and .boxy-align into .boxy
Update .divvy class
    - change [ width:auto ] to [ width:20% ]
    - width will be always use rather than min- or max- widths
Add order property for every screen sizes
Add IE9 workarounds
    - [file] added new file - flexaflav-lt-ie10.css
    - [css] removed @import rule for flexaflav.css. changed to a link tag in index.html
    - [css] changed line-height from 1.6 to 1.5
    - [css] remove width and backface property in the body tag
    - [css] added an [ overflow:auto ] to the header and footer to fix margin bug
    - [css] changed background position to [ 98% center ]
    - [css] changed hover state of bg position to [ 99% center ]
    - [css] removed background-position on media query [min-width:30.0625em]
    - [css] removed extra whitespace for styles that have only one property declaration
    - [html] changed ie conditional comment for IE workarounds in the head tag
    - [html] removed .boxy class on body tag
    - [html] removed .boxy-justify class on div.nav-anchor