changed background image location to to hero container in order to fix clipping issue.

The .heroimage container was clipping the background image, so I moved
it to the parent container.
Used internal JS to dynamically change the background-image of hero container.

Rolled my own solution.
Merge branch 'rm-tablet-media-query'
Merge branch 'rm-media-query'
Merge branch 'rm-media-query'
Merge branch 'background-image-change'

Conflicts:
	.sass-cache/129234f660c720a627dc824ba00e6d839e1b8e95/query.scssc
	.sass-cache/129234f660c720a627dc824ba00e6d839e1b8e95/styles.scssc
	.sass-cache/86950a15364cbc8838fa4b0cec61fddbc107b911/_settings.scssc
	css/styles.css
	css/styles.scss
	index.html
Merge branch 'master' of https://github.com/friendlyrick/friendlysite