.video1 {
    display: flex;
    width: 100%;
    position: relative;
}


video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



/*-----------------------------RESPONSIVE-----------------------------*/

@media screen and (min-width: 0px) {
    .video1 {
        height: 745px;
      }


    }
    
    @media screen and (min-width: 480px) {
    .video1 {
            height: 790px;
          }

 
    }
    
    @media screen and (min-width: 768px) {
        .video1 {
            height: 900px;
          }
  

    
    }
    @media screen and (min-width: 1024px) {
        .video1 {
            height: 800px;
          }

    }

    @media screen and (min-width: 1300px) {
        .video1 {
            height: 800px;
          }
 

    }
    
    @media screen and (min-width: 1600px) {
        .video1 {
            height: 850px;
          }

    }
    
    @media screen and (min-width: 1920px) {
        .video1 {
            height: 900px;
          }
    
    }