Adjust container width for fixed nav elements so there's less overlap on desktop

Author: nchan0154

src/components/public/floating-footer/index.js

@@ -5,7 +5,7 @@ import Github from 'static/ic_github.svg';
 
 const FloatingFooter = () => (
   <div className={styles.footer}>
-    <div className={`container ${styles.container}`}>
+    <div className={`container container--full ${styles.container}`}>
       <a className={styles.wonderkiln} target="_blank" href="https://wonderkiln.com">
       	A Wonderkiln Project
       </a>

src/components/public/nav/index.js

@@ -7,7 +7,7 @@ import Menu from './ic_menu.svg';
 
 const Nav = () => (
   <nav className={styles.nav}>
-    <div className={`container ${styles.container}`}>
+    <div className={`container container--full ${styles.container}`}>
       <Logo />
       <LogoType />
       <Menu />

src/styles/container.scss

@@ -4,6 +4,10 @@
   max-width: 75rem;
   margin: 0 auto;
 
+  &--full {
+    max-width: 100%;
+  }
+
   &--large {
   	max-width: 60rem;
   }