*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html, body{
    width:100%;
    height:100%;
    overflow:hidden;
}

body{
    opacity:0;
    animation: fadeIn 0.8s ease forwards;
}

/* HERO DESKTOP */
.hero{
    width:100vw;
    height:100vh;

    background-image: url("../filecomingsoon/hero1920.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* MOBILE IMAGE SWITCH */
@media (max-width: 768px){
    .hero{
        background-image: url("../filecomingsoon/hero1920mobile.jpg");
    }
}

/* FADE IN */
@keyframes fadeIn{
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}