video
  {       
    /*width: 100vw;
    height: 100vh;
    /* object-fit: cover; */
    /*position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;*/

    object-fit: cover; 
    position: absolute;
    /* height: 550px; */
    width: 100%;
    top: 0;
    left: 0;
    @media (max-width: 767px) {
      height: 325px;
    }
  }
.overlay {
  /* width: 90vw;
  height: 100vh;
  position: absolute;
  top: 0;
  /* left: 0; */
  /* background-image: linear-gradient(45deg, rgba(0,0,0,.7) 50%, rgba(0,0,0,.7) 50%); 
  background-size: 3px 3px;
  z-index: 2; */
 /* position: absolute;
  background-color: rgba(0, 0, 0, 0.46);
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;*/
  content: '';
  display: block;
  height: 85vh;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(35 35 35 / 48%);
  /* z-index: 1; */
}
#video
{
  position: relative;
    z-index: 3;
}
.myVideo
{
  position: relative;
  right: 0;
  bottom: 0;
  min-width: 100%;
  /* min-height: 100%; */
  height:100vh;
}
#video_content
{
  position: relative;
  display: flex;
  justify-content:center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  text-align: center;
  position: relative;
  z-index: 10;
  width: 70%;
  margin:auto;
  @media (max-width: 767px) {
    width: 90%;
  }
}

video {
  object-fit: cover; 
  position: absolute;
  /* height: 550px; */
  width: 100%;
  top: 0;
  left: 0;
  @media (max-width: 767px) {
    height: 325px;
  }
}


.callout {
  position: relative;
  display: flex;
  justify-content:center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  text-align: center;
  position: relative;
  z-index: 10;
  width: 70%;
  margin:auto;
  @media (max-width: 767px) {
    width: 90%;
  }
}
.header-bar
{
  z-index:1 !important;
}
.video-container
{
  height:85vh;
  @media (max-width: 767px) {
    height:50vh;
  }
}