#hero {
            height:100vh;
            width:100%;
            background:white;
            display:flex;
            align-items:center;
            justify-content: center;
}



#hero::after {
      width:100%;
      height:100%;
      content: '';
      position:absolute;
      z-index:10;
      top:0;
      left:0;
      background:rgba(0,0,0,0)
}


#hero video {
      width:100%;
      height:100%;
      position:absolute;
      top:0;
      left:0;
      z-index:5;
      object-fit:cover;
      font-family:'object-fit: cover';
}


#hero .caption {

      z-index:20;
      text-align:center;
	  position:fixed;
      color:#ffffff;
}



#hero .caption h1 {

      font-size:1.5rem;
      font-family: 'Roboto', sans-serif;
	  opacity: 0.6;
      margin-bottom:0rem;
}

#hero .caption h2 {
      font-weight:200;
      font-size:1.5rem;
      margin:0;
      font-family: 'PT Sans', sans-serif;
}




@media screen and (min-width:768px)
{
      #hero .caption h1 {
            font-size:1.5rem;
      }

      #hero .caption h2 {
            font-size:2rem;
      }
}




@media screen and (min-width:992px)
{
      #hero .caption h1 {
            font-size:1.5rem;
      }

      #hero .caption h2 {
            font-size:1.5rem;
      }
}



@media screen and (min-width:1200px)
{
      #hero .caption h1 {
            font-size:1.5rem;
      }

      #hero .caption h2 {
            font-size:1.5rem;
      }
}