The following code is in “default.cshtml”.
<link rel="stylesheet" type="text/css" media="screen and (min-device-width: 1366px)" href="/Stylesheets/default_res/default_1366.css" />
<link rel="stylesheet" type="text/css" media="screen and (min-device-width: 1600px)" href="/Stylesheets/default_res/default_1600.css" />
You can probably tell what that does. The CSS those link to change the container’s bottom padding to move the footer where I want it to go. I know it’s a terrible way to do it, but it was supposed to be temporary.
Without that terrible “solution” the footer would overlap the socialwidgets div on those two resolutions. Because only two are fixed, other resolutions still have that problem. Again, this was only for until I could find a better solution.