Products Page fixes for DEVELOPER-381 and DEVELOPER-382

A few things to note here:

1. We can't use sprites for images that need to responsive, I've had to revert to pngs. One option we have is  base64 encoding them on build. The file size would go up ~10-15% but we would have 11 less requests. We don't have anything to base64 encode in the HTML right now so perhaps something for the future.

2. We can probably get rid of all the sprites CSS related to product titles.

3. I added my script to equalize bottoms back in, it was taken out as part of DEVELOPER-240 and replaced with a hard pixel height which isn't responsive at all. This was causing the overlapping.