html, body{
    margin:0;
    padding:0;
}

.seo{
    position:fixed;
    top:0;
    left:0;
    display:none;
}

@media screen and (min-width: 769px){
    body{
        background:#000 url('images/landingpage-basis_1920x1080px_web_def.jpg') no-repeat center center;
    }

    .wrapper{
        width:1024px;
        height:1080px;
        margin:0 auto;
    }

    .wrapper > a{
        position:absolute;
        display:block;    
    }

    .wrapper > a#link1{
        margin:527px 0 0 18px;
        opacity:0.75;
    }

    .wrapper > a#link2{
        margin:528px 0 0 500px;
        opacity:0.75;
    }
    
    .wrapper > a#link1:hover,
    .wrapper > a#link2:hover{
        opacity:1;
    }
}

@media screen and (max-width: 768px){
    body{
        background:#000 url('images/landingpage-basis_768x984px_web_def.jpg') no-repeat center 0;
        width:100%;
        height:984px;
    }

    .wrapper{
        width:352px;
        margin:0 auto;
    }

    .wrapper > a{
        position:absolute;
        display:block;    
    }
    
    .wrapper > a > img{
        display:none;
    }

    .wrapper > a#link1{
        background:url('images/thumbnail_mobiel_maasdal_web_def.png') no-repeat 0 0;
        width:352px;
        height:225px;
        margin:455px 0 0 0;
    }

    .wrapper > a#link2{
        background:url('images/thumbnail_mobiel_rimpelt_web_def.png') no-repeat 0 0;
        width:352px;
        height:210px;
        margin:680px 0 0 0;
    }
}