Responsive fix for projects page

This is mostly a reordering of the existing individual project elements and placing them within the appropriate Bootstrap 2 'span' and 'row' divs.  This removes the need for some of the layout CSS that applied to the project image in particular.

In addition, the 'projects .record .image img' wasn't actually reaching its target (the images on the projects page) and I think it might be better that way, so removing.