Reorganizing folder structure ready for automated deployment.

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

@@ -0,0 +1,63 @@
+/* lg Breakpoint */
+@media (min-width: 992px) {
+    body {
+        /*padding-left: 17rem;*/
+        padding-left: 25%;
+    }
+    
+    #main-nav {
+        min-height: 8rem;
+    }
+
+    #side-nav {
+        text-align: center;
+        position: fixed;
+        top: 0;
+        left: 0;
+        display: flex;
+        flex-direction: column;
+        width: 25%;
+        height: 100vh;
+        padding: 0;
+        background-color: var(--main-accent-color);
+    }
+
+    #side-nav .navbar-brand {
+        display: flex;
+        margin: auto auto 0;
+        /*padding: 0.5rem;*/
+    }
+    
+    #side-nav .navbar-brand .img-profile {
+        max-width: 10rem;
+        max-height: 10rem;
+        /*border: 0.5rem solid rgba(255, 255, 255, 0.2);*/
+    }
+
+    #side-nav .navbar-collapse {
+        display: flex;
+        align-items: flex-start;
+        flex-grow: 0;
+        width: 100%;
+        margin-bottom: auto;
+    }
+
+    #side-nav .navbar-collapse .navbar-nav {
+        flex-direction: column;
+        width: 100%;
+    }
+
+    #side-nav .navbar-collapse .navbar-nav .nav-item {
+        display: block;
+    }
+
+    #side-nav .navbar-collapse .navbar-nav .nav-item .nav-link {
+        display: block;
+    }
+}
+
+@media (min-width: 992px) and (min-height: 620px) {
+    main {
+        margin-top: -8rem;
+    }
+}