fix responsive header

src/App.vue

@@ -141,7 +141,7 @@
               </div>
             </div>
           </div>
-          <div class="desktop flex push-right-desktop item title">
+          <div class="desktop flex push-right-desktop item title abstract">
             <span>
               {{ APPLICATION_ABSTRACT }}
             </span>
@@ -405,7 +405,13 @@ footer {
   z-index: 1001;
 }
 
-@media screen and (min-width: 560px) {
+@media screen and (max-width: 985px) {
+  .abstract{
+    display: none !important;
+  }
+}
+
+@media screen and (min-width: 590px) {
   .mobile {
     display: none !important;
   }
@@ -420,7 +426,7 @@ footer {
   }
 }
 
-@media screen and (max-width: 560px) {
+@media screen and (max-width: 590px) {
   .desktop {
     display: none !important;
   }