diff --git a/template.css b/template.css
index 6df7dc8..e6eb315 100755
--- a/template.css
+++ b/template.css
@@ -6,23 +6,63 @@
     padding-bottom: 3rem;
 }
 
-.nav-item, .nav-line {
-    line-height: 3em;
+.fs-2r {
+    font-size: 2rem;
 }
 
-.nav-link {
+.fs-2r5 {
+    font-size: 2.5rem;
+}
+
+.ln-navbar {
+    line-height: 3rem;
+    font-size: 1.2rem;
+}
+
+
+.ln-navbar > .ln-toggler {
+    float: right;
+}
+
+.ln-nav {
+    list-style: none;
+    display: flex;
+    flex-direction: column;
+    padding: unset;
+    position: relative;
+}
+
+.ln-dropdown > .ln-nav {
+    flex-direction: column;
+}
+
+.ln-collapse {
+/*    position: relative;*/
+}
+
+.ln-collapse > .ln-toggled {
+    position: relative;
+    width: 100%;
+}
+
+.ln-nav-item {
+    position: relative;
+    color: var(--bs-tertiary);
+
+    cursor: pointer;
+
+    margin-top: 0.3em;
     padding-top: unset;
     padding-bottom: unset;
     white-space: nowrap;
 }
 
-.dropdown-menu > .nav-item {
-    line-height: 2em;
-    border-bottom: 1px solid var(--bs-secondary);
+.ln-nav-item a {
+    text-decoration: none;
 }
 
-.dropdown-menu > .nav-item:last-of-type {
-    border-bottom: none;
+.ln-nav-item a:visited, .ln-nav-item a:hover {
+    color: var(--bs-tertiary);
 }
 
 .dropdown-form {
@@ -30,19 +70,115 @@
     padding: 1em;
 }
 
-.columns-2 {
-    display: grid;
-    grid-gap: 1em;
-    grid-template-columns: repeat(2, 1fr);
-}
-.columns-3 {
-    display: grid;
-    grid-gap: 1em;
-    grid-template-columns: repeat(3, 1fr);
-}
-.columns-4 {
-    display: grid;
-    grid-gap: 1em;
-    grid-template-columns: repeat(4, 1fr);
+.columns-2, .columns-3, .columns-4 {
+    display: flex;
+    flex-direction: column;
 }
 
+.pe-pointer {
+    cursor: pointer;
+}
+
+.ln-toggle {
+    display: none;
+}
+
+.ln-toggle ~ .ln-toggled {
+    display: none;
+}
+
+.ln-toggle:checked ~ .ln-toggled {
+    display: inline-block;
+    z-index: 1020;
+}
+
+.ln-toggle:checked {
+    display: block;
+    opacity: 0%;
+    position: fixed;
+    z-index: 1010;
+    left: 0px;
+    top: 0px;
+
+    width: 100%;
+    height: 100%;
+}
+
+.ln-dropdown {
+    position: absolute;
+    z-index: 1020;
+    left: 0px;
+    top: 100%;
+
+    border: 1px solid black;
+    background-color: var(--bs-background-content);
+
+    line-height: 2rem;
+    font-size: 1rem;
+}
+
+.mod_events_latest_date {
+    vertical-align: baseline !important;
+}
+
+
+
+@media (min-width: 992px){
+    .columns-2 {
+        display: grid;
+        grid-gap: 1em;
+        grid-template-columns: repeat(2, 1fr);
+    }
+
+    .columns-3 {
+        display: grid;
+        grid-gap: 1em;
+        grid-template-columns: repeat(3, 1fr);
+    }
+
+    .columns-4 {
+        display: grid;
+        grid-gap: 1em;
+        grid-template-columns: repeat(4, 1fr);
+    }
+
+    .w-lg-25 {
+        width: 25% !important;;
+    }
+    .w-lg-50 {
+        width: 50% !important;;
+    }
+    .w-lg-75 {
+        width: 75% !important;;
+    }
+    .w-lg-100 {
+        width: 100% !important;
+    }
+
+    .mw-lg-25 {
+        min-width: 25% !important;;
+    }
+    .mw-lg-50 {
+        min-width: 50% !important;;
+    }
+    .mw-lg-75 {
+        min-width: 75% !important;;
+    }
+    .mw-lg-100 {
+        min-width: 100% !important;;
+    }
+
+    .ln-collapse > .ln-toggler {
+        display: none;
+    }
+
+    .ln-collapse > .ln-toggled {
+        display: inline-block;
+        width: unset;
+    }
+
+    .ln-nav {
+        flex-direction: row;
+
+    }
+}