.banner {
  margin-bottom: var(--margin-container);
}
@media (min-width: 992px) {
  .banner video{
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .banner{
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-height: calc(100% - 144px);
    max-height: calc(100vh - 144px);
    background-color: var(--cinza-claro);
    position: relative;
  }
  .banner video{
    width: 100%;
    height: calc(100% + 244px);
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media (min-width: 1919px) {
  .banner video{
    height: calc(100% + 244px);
  }
}
@media (max-width: 991px) {
  .banner video{
    width: 100%;
    height: auto;
  }
}