/* ---------------------------------------------------------------------- */
/*  Generic –> Box Sizing
/* ---------------------------------------------------------------------- */

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


/* ---------------------------------------------------------------------- */
/*  Generic –> Shared
/* ---------------------------------------------------------------------- */

html, body {font-family: 'HN'; font-size: 15px; font-weight: 300; color: #FFF; line-height: 1.3; letter-spacing: 1px;}
body {margin:0;}

video {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    z-index: -1;
}

.overlay {
    background-color: rgba(0, 0, 0, .3 );
    position: absolute;
    display: flex;
    justify-content: center; align-items: center; width: 100%; height: 100vh; flex-flow: column;
    text-align: center;
}
.text {margin-top: 40px;}
.content{display: flex; justify-content: center; align-items: center; width: 100%; height: 100vh; flex-flow: column;}
.logo {width: 200px;}

a {color: #FFF; text-decoration: none; transition: .6s;}
a:hover {opacity: .8;}


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

    .logo {width: 150px;}


    

}