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

    .vignette {
    height: 480px;
    background-position: bottom center;
    background-size: cover;
    }
    
@media screen and (max-width:600px) {

    .vignette {
    height: 450px;
    background-position: bottom center;
    background-size: cover;
    }

}