/* header {
    background: url(../img/hBG.jpg) no-repeat center fixed;
    background-color: #272727;
    background-position: center right;
    background-size: cover;
    min-height: 80vh;
} */

header {
    background-color: rgb(39,39,39);
}

.video {
    position: relative;
    width: 100%;
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  
  /* header h1 {
    text-align: center;
    font-size: 6rem;
    font-family: "Cookie";
    padding: 20px;
    margin: 15px;
    z-index: 1;
    opacity: 0.7;
  } */
  
  .video-container {
    /* position: absolute; */
    top: 0;
    left: 0;
    /* width: 100%; */
  }
  
  .color-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(0deg,rgba(39,39,39,1),rgba(39,39,39,.35),rgba(39,39,39,0),rgba(39,39,39,1));
    width: 100%;
    height: 80vh;
    /* opacity: 0.5; */
  }


#compliance-lat:after {
    content: "";  
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background-image: linear-gradient(90deg,rgba(39,39,39,1),rgba(39,150,39,0));
}

#compliance-lat > * {
    z-index: 100;
}


#compliance {
    min-height: 50vh;
}

#compliance-lat {
    background: url(../img/compliance.jpg) no-repeat center;
    background-position: center bottom;
    background-size: cover;
    overflow: hidden;
    height: 55vh;
}

#team {
    background: url(../img/team.jpg) no-repeat center;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    min-height: 50vh;
}

@media screen and (max-width: 800px) {
    .video, .color-overlay {
        height: 50vh;
    }

    #compliance {
        background: url(../img/compliance-sm.jpg) no-repeat center;
        background-position: center bottom;
        background-size: cover;
        overflow: hidden;
        height: 55vh;
    }
}