Adding initial draft of resume section. Created new layout for pages with a secondary menu.

www/themes/jason-williamsca/assets/css/resume.css

@@ -0,0 +1,17 @@
+h1 {
+    font-family: var(--title-font);
+    font-size: 5rem;
+    font-weight: 500;
+    word-spacing: -0.8rem;
+}
+
+.altaccent {
+    color: var(--alt-accent-color);
+}
+
+/* lg Breakpoint */
+@media (min-width: 992px) {
+    section.resume-section {
+        min-height: 100vh;
+    }
+}

www/themes/jason-williamsca/assets/css/sidemenu.css

@@ -0,0 +1,60 @@
+/* lg Breakpoint */
+@media (min-width: 992px) {
+    body {
+        padding-left: 17rem;
+    }
+
+    #sideNav {
+        text-align: center;
+        position: fixed;
+        top: 0;
+        left: 0;
+        display: flex;
+        flex-direction: column;
+        width: 17rem;
+        height: 100vh;
+        padding: 0;
+        background-color: var(--main-accent-color);
+    }
+
+    #sideNav .navbar-brand {
+        display: flex;
+        margin: auto auto 0;
+        padding: 0.5rem;
+    }
+    
+    #sideNav .navbar-brand .img-profile {
+        max-width: 10rem;
+        max-height: 10rem;
+        border: 0.5rem solid rgba(255, 255, 255, 0.2);
+    }
+
+    #sideNav .navbar-collapse {
+        display: flex;
+        align-items: flex-start;
+        flex-grow: 0;
+        width: 100%;
+        margin-bottom: auto;
+    }
+
+    #sideNav .navbar-collapse .navbar-nav {
+        flex-direction: column;
+        width: 100%;
+    }
+
+    #sideNav .navbar-collapse .navbar-nav .nav-item {
+        display: block;
+    }
+
+    #sideNav .navbar-collapse .navbar-nav .nav-item .nav-link {
+        display: block;
+    }
+    /*section.resume-section {
+        max-width: 75rem;
+    }*/
+    
+    /* Possibly a different breakpoint on this one */
+    main {
+        margin-top: -121px;
+    }
+}

www/themes/jason-williamsca/assets/css/theme.css

@@ -2,7 +2,7 @@
     --main-bg-color: #E7D9D1; /*#F0E4D1; #E8D5B5; #e7d9d1;*/
     --main-accent-color: #302b44;
     --light-accent-color: #686283;
-    --alt-accent-color: #B05C71; /*#990F3D;*/
+    --alt-accent-color: #B05C71;
     --dark-alt-accent-color: #913A50;
     --title-font: 'Cinzel', serif;
     --body-font: 'Raleway', sans-serif;
@@ -17,6 +17,14 @@ body {
     color: var(--main-accent-color);
 }
 
+header {
+    margin-bottom: 30px;                    /* Is there a better way to do this? */
+}
+
+header, header nav {
+    min-height: 91px;                        /* 75px for the logo, plus 16px padding */
+}
+
 #page-content {
     flex: 1 0 auto;
 }
@@ -50,7 +58,7 @@ h1, h2, h3, h4 {
     padding-right: 5%;
 }
 
-.navbar-brand {
+#mainNav .navbar-brand {
     height: 75px;
     padding-left: 100px;
     font-family: var(--title-font);