Playing with footer backgrounds for the social media and copyright/sitemap div boxes. Still need to figure out how to keep the skyline (or any wide, squat image) centered and fully visible at the bottom of the screen. Discovered that the social media png background began to pixellate at certain resolutions, so I tried to recreate it with only css gradients. Unfortunately, that pixelates as well, and no one on the web seems to have any solutions. Maybe next I'll create media queries to scale that css gradient up or down at different screen sizes.
Changed out the 'many-line' and 'one-line' list classes: Made 'display: inline-block' the default for li, while just changing the display for the li within 'nav' in the mobile design. This allowed me to delete the 'lists.sass' page entirely. Worked on making a one-line header/nav display for non-mobile design, but eventually had to move the nav back inside the header's main container to achieve it. This breaks the full-width nav background on mobile screens, but I will try to fix it somehow.
Eliminated diagonal-striped background from '.social-media' in the footer. The stripes had too many breakpoints, both as PNG and as CSS. I saved the sass code in a new file called 'diagonal-lines-bg.sass' just in case I decide to try it again later.