html {
    -webkit-text-size-adjust: 100%;
}

@font-face {
  font-family: garamondb;
  src: url(/css/garamondpro_bold.ttf);
}

@font-face {
  font-family: garamondr;
  src: url(/css/garamondpro_regular.ttf);
}

body{
    font-family: garamondr;
    padding:0;
    margin:0;
}

@media only all and (min-width:750px) {

    .v-block{
        display:block;
        width:100%;
        height:100vh;
        height:-webkit-fill-available;
        overflow:hidden;
    }

    video{
        width:100%;
        height:100%;
        height:-webkit-fill-available;
        object-fit:cover;
    }

    #homel{
        position: absolute;
        top:30vh;
        left:36vw;
        z-index:10000;
        color:#FFF;
        text-decoration:none;
        mix-blend-mode:difference;
        opacity:0.9;
    }

    span.title{
        font-size:5em;
        display:block;
    }

}

/* Mobile */

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

     .v-block{
        display:block;
        width:100%;
        height:100vh;
        height:-webkit-fill-available;
        overflow:hidden;
    }

    video{
        width:100%;
        height:100%;
        height:-webkit-fill-available;
        object-fit:cover;
    }

    #homel{
        position: absolute;
        top:30vh;
        width:87%;
        margin-left:7%;
        z-index:10000;
        color:#FFF;
        text-decoration:none;
        opacity:0.9;
    }

    span.title{
        font-size:3em;
        display:block;
    }

    span.link{
        font-size:1.3em;
        display:block;
    }


    }