/* Reset */

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

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

body{
    font-family:Arial, Helvetica, sans-serif;
}

/* Full Screen */

.landing{
    width:100%;
    height:100vh;
    height:100dvh;
}

picture{
    display:block;
    width:100%;
    height:100%;
}

.hero-image{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    user-select:none;
    -webkit-user-drag:none;
}

/* Tablet */

@media (min-width:768px) and (max-width:1024px){

    .hero-image{
        object-fit:cover;
    }

}

/* Mobile */

@media (max-width:767px){

    .hero-image{
        object-fit:cover;
    }

}