<header class="masthead text-white d-flex">
  <div class="container my-auto">
    <div class="row">
      <div class="col-lg-11 mx-auto">
        <h1 class="text-uppercase" style="color: #FF0040; text-shadow: 4px 4px #000000;">
          &nbsp;<strong style="display:none" id="line1">Pieniądze nie są ważne...</strong>
        </h1>
        <br />
        <h1 class="text-uppercase" style="color: #0000FF; text-shadow: 4px 4px #000000;">
          &nbsp;<strong style="display:none" id="line2">Pieniądze są najważniejsze,</strong>
        </h1>
        <br />
      </div>
    	<div class="col-lg-11 mx-auto" style="text-align:right;">
    		&nbsp;<h3 style="color: #F7FE2E; text-shadow: 3px 3px #000000;"><strong style="visibility:hidden" id="line4">&nbsp;&nbsp;&nbsp;czyli dlaczego warto ubezpieczać należności.</strong></h3>
    	</div>
    </div>
  </div>
</header>
<script type="text/javascript">
$( document ).ready(function() {
    $('#line1').fadeIn(2000, function() {
      $('#line2').fadeIn(2000, function() {
        //$('#line3').css("visibility","visible");
        $('#line4').css("visibility","visible");
      });
    });
});
</script>
