Background Video not filling content area

Site URL: https://www.servagency.com.au/

Hello, 

The site is live, no password needed. 

I can't figure out why the background video is not filling the background section. It seems like the min-height I have set for the hero banner is being applied to the video. Any help would be appreciated.  

This is what it is meant to look like:

This is resizing the browser:

CSS for the section below: 

// Home Hero Banner
@media only screen and (min-width: 874px) {
  section[id*="hero-banner"] {
    min-height: unset! important;
    min-height: 87vh! important;
    h1 {
      color: #fff;
      font-weight: 700!important;
      font-size:     1.75rem;
    }
  }
}
@media only screen and (max-width: 873px) {
  section[id*="hero-banner"] {
    min-height: unset! important;
    min-height: 38vh! important;
    h1 {
      color: #fff;
      font-weight: 700!important;
      font-size:     1.5rem;
    }
  }
}