What I could really do with some help with is the ‘social sidebar’. It’s positioning is fixed, thus it will scroll with the page. Now, on smaller resolutions (when the browser is scaled down in height), once you get to the footer (sticky) it will overlap.
What I am really looking for is it to stop with maybe a 50-100px margin off of the footer? Am I just being really stupid?
Also, any comments/feedback on the design & functionality of its responsiveness would be greatly appreciated.