Fully refactor CSS

* Remove ALL JavaScript to avoid conflicts
* Reestructure HTML so it make sense
* Start over CSS giving it some structure
* Navbar styled
* Product items styled
* Product items styled on hover
Structure HTML into <header> <section> and <footer> and some CSS changes

* Remove Products border-radius
* Enable most simple Masonry on JavaScript
* Style footer
Fix item positioning independent of the window width with Masonry

* Remove box-shadow from li an put it on img
* Substitute margin of li to border transparent so masonry calculates everything correctly
Starting to flip image
DAMN YOU TYPO
Flips only with the needed code
Aggregate flipping styles
Remove useless CSS
Add 'liked' class to product once the like icon is clicked

* Returning false inside an event callback has the same effect as calling e.preventDefault() - for not reloading the page - and e.stopPropagation() - for preventing it from flipping
Add transition to slow down the appearance of like/dislike
Keep Heart state when product is liked
Prevent like-dislike-wrapper from flickering after like
CSS overrides for 900px wide medias
Move application css into main.css; change some navbar selectors
* Created separate 500px media query file for mobile responsiveness
Redefine tempalte for javascript
Styling applied to backside of product
Position of title, button, and price is relative to the size of the backside
Limit length of product title to be displayed on back-side of product
Call to Like action using Rails remote:true

* Add POST '/products/:id/like' route
* Clean _product_list.html.erb HTML removing not needed div elements
* Update CSS to reflect CSS changes
Remove code from application.js