.film1 a{
    border: 1px solid transparent;
      padding: 0.5rem 1rem;
      display: flex;
      justify-content: center;
      width: 10rem;
      text-align: center;
      height: auto;
      border-radius: 0.45rem;
      font-family: 'SF pro Display Regular';
      -webkit-transition: 0.25s all;
      -o-transition: 0.25s all;
      -moz-transition: 0.25s all;
      transition: 0.25s all;
      color: #fff;
      font-size: 1.05rem;
      -webkit-transition: 0.3s all;
      -o-transition: 0.3s all;
      -moz-transition: 0.3s all;
      transition: 0.3s all;
      background: #FF0011;

  }
  .film1{
    display: flex;
    margin-top: 2rem;
    justify-content: center;


  }
  .film1 .project a {
    background: linear-gradient(to right,#F9D835,#D0B037);
    border: 1px solid transparent;
  }
  .film1 .project a:hover{
    background: linear-gradient(to right,#D0B037 , #F9D835);
    border: 1px solid transparent;
  }
  .film1 .project a img{
    width: 0.7rem;
    margin-left: 0.5rem;
  }
header.project{
    background-image: url(/themes/custom/rw/img/rwcfiDocumentary.jpg);
    width: 100%;
    height: 100vh;
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom;
    background-position: 50% 50%;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.project h1{
    text-align: center;
    width: 57vw;
    margin: auto;
    padding-top: 7rem;
    font-family: 'SF pro Display Bold';
    color: #fff;
    font-size: 2.7rem;

}
video{
    width: 100%;
    height: 77vh;

  }
  .my-video-dimensions {

    width: 100%;
    height: 77vh;

  }
  .video-js .vjs-big-play-button{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;

    padding-top: 0rem;
    line-height: 3.1rem;
  }
  .vjs-poster{
    background-size: inherit;

      background-position: bottom;
      border-radius: 0.35rem;
  }
  .modal-dialog {
    max-width: 70%;
    margin: 4.75rem auto 0;

  }
  .video-js .vjs-tech{
         object-fit: unset;

  }
  .modal .m-header button:hover{
    color: #fff;
  }
  .modal .m-header button{
    position: absolute;
    top: -0.7em;
    right: -0.8rem;
    color: #ffffff;
    z-index: 7;

    padding: 0.1rem 0.3rem;
    background: de0000;

    font-weight: 300;
    font-size: 3rem;
    border: none;
    outline: none;
    border: 1px solid #5e5426;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;

    font-size: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #625521;
    opacity: 1;
  }
  .text-center .my-video-dimensions ,.video-js .vjs-tech{
    border-radius:0.35rem
  }
  .vjs-has-started .vjs-control-bar {
    border-bottom-right-radius:0.35rem;
    border-bottom-left-radius:0.35rem;

  }
@media screen and (max-width:991px){
    .project h1{
        width: 100%;
        font-size: 2.3rem;


    }
    header.project
    {
        height: auto;
    }
    .mission .row {
        margin-top: 2rem;
    }
    .mission h1 {
        padding-top: 3rem;
    }
    .modal-dialog {
        max-width: 90%;
    }
    .my-video-dimensions {

        height: 50vh;
    }
    .vjs-poster {

        background-size: cover;
    }
}

@media screen and (min-width: 1900px){
    .project h1{
    width: 57vw;

    font-size: 5rem;
}
  .film1 a {
    width: 13rem;
    font-size: 1.45rem;
    padding: 0.7rem 1rem;
}
.film1{
    margin-top: 4rem;
}
.mission .row {
    margin-top: 7rem;
}
.mission h1 {
    padding-top: 6rem;

}
}