Modifying link colors/CSS. Also experimenting with changing padding on various div's and text elements from percentages to em's. I didn't want to nest so many em's, but they yield a more consistent visual padding without so many (if any) necessary breakpoints.
Reverted padding back to percentages. I want to avoid cascading em's, so if I have to add some more breakpoints, so be it! Also, made the footer background image into a mixin. Applied the mixin to the body rather than the footer, but the image still does not stick to the bottom of the page.
Playing with breakpoints for 'container' top/bottom padding, since they get too big on larger screen sizes.
Playing with the 3-column layout for larger screen sizes. I have given the three columns, called 'category', a red background to help me see where the widths don't match up to their container div, 'article.' I'll need to work on this some more.
Removed right-hand padding from last nav menu item in non-mobile view, to align it with the social media items in the footer.
Fixed 3 sections' column width problem. Turned out I just needed to add more width to the text while maintaining the same righthand padding (calculation error).
Playing with color and background variables. Trying yellower-cream backgrounds for the main content and footer, in attempt to coordinate with the orange font color.
More background color experiments. Also modified the top and bottom padding of the title and nav for various screen sizes. Changed the background for mobile-nav to match the header, with thin dotted borders between each menu item.