Show header only above card if mobile

src/app/components/home/home-page/home-page.component.html

 <div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="20px" fxFill>
-  <div fxLayout="row" fxLayoutAlign="center">
+  <div fxLayout="row" fxLayoutAlign="center" *ngIf="mobile === true">
     <h1>
       <span class="main-heading-secondary">{{ 'login-page.welcome' | translate }}</span>
       <span class="main-heading-primary">ARSnova</span>

src/app/components/home/home-page/home-page.component.ts

@@ -7,9 +7,14 @@ import { Component, OnInit } from '@angular/core';
 })
 export class HomePageComponent implements OnInit {
 
+  mobile: boolean = true;
+
   constructor() { }
 
   ngOnInit() {
+    if (window.innerWidth > 500) {
+      this.mobile = false;
+    }
   }
 
 }