Style refining

• Tweaking photo list styling to work better on different screen sizes
• Reducing image borders for small screens to help stop them from becoming disproportional 
• Compressing images
• Adding background pattern to the footer

Note: Assuming this gets used, we'll need to add in a fallback for IE with nth-child stuff. I normally use jQuery to add a class for IE, but am open to other solutions. 
Also, if you still think the design is too big/not-showing enough information without having to scroll, I was thinking we could make the ````.lead.box```` join to the ````.hero.photo```` which would bring up all of the content below it. Thoughts?

@stevelacey Look :eyes: