diff --git a/web/kiri/index.css b/web/kiri/index.css
index 381ef4db..38c65de0 100644
--- a/web/kiri/index.css
+++ b/web/kiri/index.css
@@ -29,18 +29,23 @@ a, a:hover, a:visited {
     overflow: hidden;
     font-weight: normal;
     font-family: sans-serif;
-    font-size: larger;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
 }
 
+@media only screen and (max-width : 1024px) {
+    #top {
+        font-size: smaller;
+    }
+}
+
 #top {
     text-transform: capitalize;
-    font-family: 'Russo One', sans-serif;
     background-color: var(--top);
     z-index: 15;
+    font-family: sans-serif;
 }
 #top > div {
     margin: 0 5px 0 5px;
@@ -179,7 +184,18 @@ a, a:hover, a:visited {
 }
 #app-name {
     cursor: pointer;
+
 }
+
+.km-font {
+    font-family: 'Russo One', sans-serif;
+}
+.menu-title {
+    font-size: larger;
+    font-weight: bold;
+}
+
+
 #app-name hr {
     margin: 1px;
 }
@@ -582,7 +598,7 @@ th, tr, td, label {
 #top-sep {
     display: none;
 }
-#top-sep {
+#top-sep, #mid-sep {
     z-index: 14;
     height: 1px;
     background-image: var(--gradbar);
@@ -1151,6 +1167,7 @@ th, tr, td, label {
     border-bottom: 1px solid rgba(126,153,183,1);
     padding-bottom: 5px;
     margin-bottom: 5px;
+    font-weight: bold;
 }
 #mod-setup .header.sub {
     padding-top: 10px;
diff --git a/web/kiri/index.html b/web/kiri/index.html
index e64034fd..e5c7828b 100644
--- a/web/kiri/index.html
+++ b/web/kiri/index.html
@@ -121,7 +121,7 @@
         <div class="grow"></div>
         <div id="app-name" class="f-col a-center top-menu">
             <span>
-                <label>Kiri:Moto</label>
+                <label class="km-font">Kiri:Moto</label>
                 <div id="app-name-pop" class="top-menu-drop top-menu-center">
                     <div class="content">
                         <div id="app-help">
@@ -247,6 +247,7 @@
             </span>
         </div>
     </div>
+    <div id="mid-sep"></div>
 
     <div id="float-tools" class="f-col movable hide">
         <div id="float-tools-title" class="title mover">
@@ -404,11 +405,11 @@
                     </div>
                 </div>
                 <div id="mod-files" class="mdialog f-col">
-                    <label class="set-header" lk="dm_rcnt">recent files</label>
+                    <label class="set-header menu-title" lk="dm_rcnt">recent files</label>
                     <div id="catalogList" class="f-col"></div>
                 </div>
                 <div id="mod-saves" class="mdialog f-col">
-                    <label class="set-header" lk="dm_savs">saved settings</label>
+                    <label class="set-header menu-title" lk="dm_savs">saved settings</label>
                     <div id="settingsList" class="f-col"></div>
                     <div id="settingsNew">
                         <input id="settingsName" class="grow"></input>
@@ -465,7 +466,7 @@
                     </div>
                 </div>
                 <div id="mod-prefs" class="mdialog f-col a-center">
-                    <b lk="dm_appp">Application Preferences</b>
+                    <label lk="dm_appp" class="menu-title">Application Preferences</label>
                     <hr width="80%">
                     <div class="f-row">
                         <div id="prefs-gen1" class="f-col"></div>