Reorder class declarations to add clarity

Reorder class declarations of the style property for determining
breakpoint to add clarity to the screen size used.
Update fluid image style declaration

 - Added .f-img class in flexaflav.css
 - Removed img tag style declaration in demo.css
 - Used .f-img in the img tag of index.html