body, html {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

body.home {
    background-image: url('../img/homepage-background.png');
}

body.contact {
    background-image: url('../img/contact-background.png');
}

body.content {
    background-image: url('../img/content-background.png');
}

@font-face {
    font-family: 'vanilla_cream_oxregular';
    src: url('fonts/vanillacreamox-regular-webfont.woff2') format('woff2'),
         url('fonts/vanillacreamox-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AusAlpine1';
    src: url('fonts/AusAlpine1.woff2') format('woff2'),
         url('fonts/AusAlpine1.woff') format('woff'),
         url('fonts/AusAlpine1.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}