@font-face {
    font-family: 'MuseoSans500';
    src: url('//www.greencommerce.nl/static/site/MuseoSans-500.eot');
    src: url('//www.greencommerce.nl/static/site/MuseoSans-500.woff') format('woff'), url('//www.greencommerce.nl/static/site/MuseoSans-500.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

/*@font-face {
    font-family: 'MuseoSans500Italic';
    src: url('//www.greencommerce.nl/static/site/MuseoSans-500Italic.eot');
    src: url('//www.greencommerce.nl/static/site/MuseoSans-500Italic.woff') format('woff'), url('//www.greencommerce.nl/static/site/MuseoSans-500Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic
}*/

@font-face {
    font-family: 'MuseoSans900Italic';
    src: url('//www.greencommerce.nl/static/site/MuseoSans-900Italic.eot');
    src: url('//www.greencommerce.nl/static/site/MuseoSans-900Italic.woff') format('woff'), url('//www.greencommerce.nl/static/site/MuseoSans-900Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

body {
}

h1, h2, h3 {
    font: 2.0em/1 'MuseoSans900Italic',serif;
}

p {
    color: #2f2f2f;
    font: 1.3em/1.4 'MuseoSans500',sans-serif;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    div#home {
        margin-top: 40px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    div#home {
        position: absolute;
        top: calc(50% - 220px);
    }
}

@media only screen and (min-width : 1224px) {

    div#home {
        position: absolute;
        top: calc(50% - 220px);
    }
}