show right column as footer on smartphones

src/AppComponent.vue

@@ -7,6 +7,9 @@
           <router-view name="rightColumn" />
         </div>
         <router-view />
+        <div class="right-column-overlay" v-if="showAsFooter">
+          <router-view name="rightColumn" />
+        </div>
       </div>
       <div class="right-column" v-if="showRightColumn">
         <router-view name="rightColumn" />
@@ -38,6 +41,9 @@ export default {
     showOverlay() {
       return this.windowWidth <= 1200 && this.windowWidth >= 768;
     },
+    showAsFooter() {
+      return this.windowWidth < 768;
+    }
   },
   mounted() {
     window.addEventListener('resize', this.handleResize);