/*-------------------------------------------------------------------------*/
/*	1.	Browser Reset + Font Face
/*-------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
        vertical-align: baseline;
        font-family: inherit;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        outline: 0;
        padding: 0;
        margin: 0;
        border: 0;
}

:focus {
        outline: 0;
}

body {
    background-color: #fff; /* #352c3d; */
    background-color: #f2f3f5; /* #352c3d; */
    color: #fff;
}

#logo {
    transition: margin 0.3s linear;
    -moz-transition: margin 0.3s linear;
    -webkit-transition: margin 0.3s linear;
    -o-transition: margin 0.3s linear;
    text-indent: -9999px;
/*	height: 444px;*/
    width: 100%;
    max-width: 680px;
    /*min-height: 20vw;*/
    display: none;
    /*margin: 150px auto 0px auto;*/
    margin: 0 auto;
    text-align: center;
    /*background-image: url(img/logo.jpg);*/
    margin-top: 20px;

    /*font-family: 'Lato', sans-serif;*/
    font-family: 'Amatic SC', cursive;
    font-weight: 300;
    font-size: 40px;
    position: absolute;
}

body, html {
    height: 100%;
    margin: 0;
}
body {
    /* The image used */
    /*
    background-image: url("../images/trivibes_bg.jpg");
    */

    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}