Untitled

<!DOCTYPE html>
<html>
<style>
    html, body{  height: 100%; width:100%;}

   #pl-4 {
        background: url(https://www.haagsehof.nl/content/uploads/2018/02/20171120_Haagsehof_1300_blackoverlay.jpg) no-repeat center center;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        margin-left: -15px;
        margin-right: -15px;
    }


    @media only screen and (max-width: 399px) {
    #pl-4{
            background: url(https://www.haagsehof.nl/content/uploads/2018/03/15214591016010952.jpg) fixed  no-repeat center center ;
            -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
            background-size: cover;
            margin-left: -15px;
        margin-right: -15px;
        }
    }

    .wrapper{
            margin-top: 150px;
    }


    div, body{
        margin: 0;
        padding: 0;
        font-family: exo, sans-serif;
    }
    .wrapper {      height: 100%;       width: 100%;    }

    #headerSchoon{
        color: white !important;
        text-align: center !important;
    }
    #textSchoon{
        color: white !important;
        text-align: center !important;
        font-size: 150%;
    }
</style>

<body id="mainSchoonMaker">
<link href='https://fonts.googleapis.com/css?family=Exo:400,900' rel='stylesheet' type='text/css'>
    <div class="wrapper">
        <div class="message">
            <h1 id="headerSchoon">Schoonmaakwerk is mensenwerk</h1>
            <p id="textSchoon"> Wij willen door middel van een persoonlijke en mensgerichte aanpak betrokkenheid creëren tussen schoonmaakmedewerker, klant en schoonmaakbedrijf Haagsehof. Hierdoor ontstaat er een chemie die leidt tot een optimale dienstverlening, waarbij u als klant door ons en onze medewerkers volledig wordt ontzorgd.</p>
        </div>
    </div>
</body>
</html>