<header fxLayout="row" fxLayout.xs="column" fxLayout.sm="column" fxLayoutAlign="center stretch">

    <div fxFlexAlign="center">
        <h1 [style.xs]="{'font-size.rem': 2 }" [style.sm]="{'font-size.rem': 4}" [style.md]="{'font-size.rem': 6}">

            <small>sm</small>{{ title }}<small>Invest</small></h1>
    </div>
</header>