body {
    color: #FFF;
    background-color: #79A5D4;
}

img {
    -webkit-transition: opacity 300ms ease-out;
    -moz-transition:    opacity 300ms ease-out;
    -ms-transition:     opacity 300ms ease-out;
    -o-transition:      opacity 300ms ease-out;
    transition:         opacity 300ms ease-out;
}

#main-menu {
    display: none;
}

#contents,
.cover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
}

/*.js #contents {
    cursor: none;
}*/

.cover {
    background-repeat: no-repeat;
    /* custom background-position */
    background-position: 50% 50%;
    /* ie8- graceful degradation */
    background-position: 50% 50%9 !important;

    -webkit-background-size: cover;
    -moz-background-size:    cover;
    -o-background-size:      cover;
    background-size:         cover;
}
.js .cover {
    opacity: 0;
    -webkit-transition: opacity 700ms ease;
    -moz-transition:    opacity 700ms ease;
    -ms-transition:     opacity 700ms ease;
    -o-transition:      opacity 700ms ease;
    transition:         opacity 700ms ease;
}
.js .cover.fadeOnLoad {
    opacity: 1;
}

.logo {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 153px;
    margin-top: -58px;
    margin-left: -100px;
}

.logo img {
    position: relative;
    width: 100%;
    height: 100%;
}

.csstransforms3d .logo {
    perspective: 800px;
}
.csstransforms3d .logo img {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style:    preserve-3d;
    transform-style:         preserve-3d;
}


/* ==========================================================================
   Media Queries for Responsive Design.
   These rules override the primary ('mobile first') styles.
   ========================================================================== */

/* ========================================= */
/*     Tablet portrait screen (>720px)       */
/* ========================================= */
@media only screen and (min-width: 45em) {

    .logo {
        margin-left: -40px;
    }

}


/* ========================================= */
/*       Tablet landscape screen (>960px)        */
/* ========================================= */
@media only screen and (min-width: 60em) {

    .logo {
        margin-left: 25px;
    }

}


/* ========================================= */
/*       Desktop screen (>1200px)        */
/* ========================================= */
@media only screen and (min-width: 75em) {

    .logo {
        width: 250px;
        height:192px;
    }

}


/* ========================================= */
/*       Big desktop screen (>1600px)        */
/* ========================================= */
@media only screen and (min-width: 100em) {

    .logo {
        width: 300px;
        height:230px;
    }

}