diff --git a/css/area_header.less b/css/area_header.less
index f6f576e..5717abb 100755
--- a/css/area_header.less
+++ b/css/area_header.less
@@ -8,13 +8,15 @@
 #dokuwiki__header {
     @header-font-opacity: .7;
 
-
 /* + + +  wiki logo  + + + */
     @media @screen_min-md {
+        div.claim {
+            display: table-cell;
+            height: 100%;
+            vertical-align: middle;
+        }
+
         .logo {
-            /*position: absolute;
-            bottom: 1em;
-            overflow: visible;*/
             padding: 1rem 0 .3rem;
 
             img {
@@ -46,29 +48,45 @@
     }
 
 
-/* + + +  wiki title  + + + */
-    .main-title {//background-color: pink;
-        &.desktop-only {
-            @media @screen_min-md {
-                display: table-cell;
-                vertical-align: middle;
+/* + + +  wiki title + claim  + + + */
+    .main-title.desktop-only {
+        @media @screen_min-md {
+            display: table-cell;
+            vertical-align: middle;
+        }
+
+        @media @screen_max-md {
+            display: block;
+        }
+
+        p.title {
+            @media @screen_max-md {
+                display: none;
             }
         }
 
-        &.mobile-only {
+        p.claim {
             @media @screen_max-md {
-                display: table-cell;
-                vertical-align: middle;
-                padding-left: .6rem;
+                display: block;
+                padding-bottom: 1rem;
             }
         }
     }
 
+    .main-title:not([class*="desktop-only"]) {
+        @media @screen_max-md {
+            display: table-cell;
+            vertical-align: middle;
+        }
+    }
+
+
+/* + + +  wiki title  + + + */
     p.title {
         background-color: @color-site-bg;;
         opacity: @header-font-opacity;
         line-height: @line-height-default;
-        margin-bottom: 0;
+        margin-bottom: .5rem;
 
         @media @screen_min-md {
             font-size: @font-size-big;
@@ -77,40 +95,20 @@
         @media @screen_max-md {
             font-size: (@font-size-default + .25);
             padding-top: .5rem;
-            padding-bottom: .5rem;
+            padding-left: 1rem;
         }
     }
 
 
 /* + + +  wiki claim  + + + */
-    div.claim {
-        @media @screen_min-md {
-            display: table-cell;
-            height: 100%;
-            vertical-align: middle;
-        }
-
-        @media @screen_max-md {
-            min-height: 3rem;
-        }
-    }
-
-    p.claim {//background-color: deepskyblue;
+    p.claim {
         opacity: @header-font-opacity;
         margin-bottom: 0;
-        padding-bottom: 1rem;
-
-        @media @screen_min-xxs {
-            font-size: @font-size-small;
-        }
+        font-size: @font-size-default;
 
         @media @screen_max-md {
             padding-top: .5rem;
         }
-
-        @media @screen_max-xxs {
-            font-size: @font-size-default;
-        }
     }
 
 
diff --git a/main.php b/main.php
index bbf1f1e..332ff34 100755
--- a/main.php
+++ b/main.php
@@ -99,24 +99,15 @@ $classWideContent = ($ACT === "show") ? "": "wide-content ";
 /* upload your logo into the data/media folder (root of the media manager) and replace 'logo.png' in der template config accordingly: */
                                 include('tpl/main-sidebar-logo.php');
                              } ?>
-                            <div class="main-title mobile-only">
+                            <div class="main-title">
                                 <?php if ($conf['title']):
 
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
 /* Wiki Title Mobile */
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ ?>
-                                    <p class="title"><?php echo $conf['title'] ?></p>
+                                    <p class="title mobile-only">MO <?php echo $conf['title'] ?></p>
                                 <?php endif ?>
-
                             </div><!-- .main-title -->
-                            <?php if ($conf['tagline']):
-
-/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
-/* Wiki Tagline */
-/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ ?>
-                                <p class="claim"><?php echo $conf['tagline'] ?></p>
-                            <?php endif ?>
-
                         </div><!-- .headings -->
                     </div><!-- .col -->
 
@@ -127,9 +118,15 @@ $classWideContent = ($ACT === "show") ? "": "wide-content ";
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
 /* Wiki Title Desktop */
 /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ ?>
-                                <p class="title"><?php echo $conf['title'] ?></p>
+                                <p class="title">DO <?php echo $conf['title'] ?></p>
                             <?php endif ?>
+                            <?php if ($conf['tagline']):
 
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
+/* Wiki Tagline Desktop */
+/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ ?>
+                                <p class="claim">DO <?php echo $conf['tagline'] ?></p>
+                            <?php endif ?>
                         </div><!-- .main-title -->
                     </div><!-- .col -->
                 </div><!-- .row -->