diff --git a/src/api/templates/index.html b/src/api/templates/index.html
index 34d9639..87b1d42 100644
--- a/src/api/templates/index.html
+++ b/src/api/templates/index.html
@@ -42,12 +42,15 @@
         <li class="nav-item">
           <a class="nav-link" href="#stream">Stream <i class="fas fa-satellite-dish" aria-hidden="true"></i></a>
         </li>
-        <li class="nav-item">
+        <li class="nav-item d-none d-lg-block">
           <a class="nav-link" href="#playlists">Playlists <i class="fa fa-hard-drive" aria-hidden="true"></i></a>
         </li>
         <li class="nav-item">
           <a class="nav-link" href="#archive">Archive <i class="fa fa-hard-drive" aria-hidden="true"></i></a>
         </li>
+        <li class="nav-item d-none d-md-block">
+          <a class="nav-link" href="#terminal">Terminal <i class="fa fa-display" aria-hidden="true"></i></a>
+        </li>
       </ul>
     </div>
     <div class="col-md-1 d-none d-md-block">
@@ -224,16 +227,16 @@ document.addEventListener('DOMContentLoaded', () => {
   <div class="row">
     <div class="col-md-1 d-none d-md-block">
     </div>
-      <div class="col-12 col-lg-5">
+      <div class="col-12 col-md-5 d-none d-lg-block">
         <div class="content">
-	  <h2>Records</h2>
           <iframe width="100%" height="480" src="https://www.youtube.com/embed/videoseries?si=RdMNZq4hYudlCW37&amp;list=PLVB9xwlHyW_LhxubZ9HL8wzx1mmDNBj0z" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
         </div>
+        <h3>Records</h3>
       </div>
-      <div class="col-12 col-lg-5">
+      <div class="col-12 col-md-5 d-none d-lg-block">
         <div class="content">
-          <h2>Digital playlist and stuff</h2>
           <iframe width="100%" height="480" src="https://www.youtube.com/embed/videoseries?si=SPAsQfxoya_Jeurd&amp;list=PLVB9xwlHyW_LWz1KEmhxXhGbypcpcdHM3" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+        <h3>Digital</h3>
       </div>
     </div>
     <div class="col-md-1 d-none d-md-block">
@@ -249,7 +252,6 @@ document.addEventListener('DOMContentLoaded', () => {
     </div>
     <div class="col-12 col-lg-10">
       <div class="content">
-        <h2>Video Archive</h2>
 	<div class="gallery">
           {% for thumbnail in thumbnails %}
           <div class="gallery-item">