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

@font-face {
    font-family: 'QuicksandBold';
    src: url('../fonts/quicksand-bold-webfont.eot');
    src: url('../fonts/quicksand-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/quicksand-bold-webfont.woff') format('woff'),
    url('../fonts/quicksand-bold-webfont.ttf') format('truetype'),
    url('../fonts/quicksand-bold-webfont.svg#webfont') format('svg');
}

@font-face {
    font-family: 'QuicksandLight';
    src: url('../fonts/quicksand-light-webfont.eot');
    src: url('../fonts/quicksand-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/quicksand-light-webfont.woff') format('woff'),
    url('../fonts/quicksand-light-webfont.ttf') format('truetype'),
    url('../fonts/quicksand-light-webfont.svg#webfont') format('svg');
}

body, h1{
    font-family: 'Quicksand', sans-serif;
}

body, html{
    height: 100vh;
    text-align: center;
}

.bgimg{
    background-image: url('../img/wedding-night-funny.jpg');
    min-height: 100%;
    background-position: center;
    background-size: cover;
}

.black_overlay{
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.2);
}

/********************************OVERWRITE W3CSS START**************************/
.w3-animate-top{
    animation-name: animatetop;
    animation-duration: 0.7s;
}