@font-face {
    font-family: 'texgyreadventorregular';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/texgyreadventor-regular-webfont.eot');
    src: url('../fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/texgyreadventor-regular-webfont.woff') format('woff'), 
         url('../fonts/texgyreadventor-regular-webfont.ttf') format('truetype'), 
         url('../fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
}



/* globaal */

html, body {    
    height: 100%;
    overflow: hidden;
}

body {
    background: url(../jpg/hero.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
            background-size: cover;
    color: #fff;
    font-family: 'texgyreadventorregular', Arial, sans-serif;
    font-weight: bold;
    -webkit-text-shadow: 0 0 50px rgba(0, 0, 0, 1);
            text-shadow: 0 0 50px rgba(0, 0, 0, 1);
}

.table {
    display: table;
    height: 100%;
    width: 100%;
}
.table-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}



/* responsive design queries */


/* mobiel */

body {
    font-size: 124%;
}


/* mobiel lg */

@media (min-width: 321px) {
    body {
        font-size: 184%;
    }
}


/* tablet */

@media (min-width: 768px) {
    body {
        font-size: 211%;
    }
}


/* desktop md */

@media (min-width: 992px) {
    body {
        font-size: 284%;
    }
}


/* desktop lg */

@media (min-width: 1200px) {
    body {
        font-size: 388%;
    }
}


/* desktop xl */

@media (min-width: 1921px) {
    body {
        font-size: 660%;
    }
}



/*!
    
    ℗ Pepijn
    
*/