// viewport l
@include viewport--l {
  .video--boxed-large {
    padding-bottom: $spacing--xxl;
    padding-top: $spacing--xxl;

    .banner {
      &__wrapper {
        position: relative;
      }

      &__content {
        padding-bottom: $spacing--xl;
        padding-top: $spacing--xl;
        width: grid-columns(6, 12);
      }
    }

    .banner__text-container {
      flex: 0 0 grid-columns(7, 12);
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .content-block__title {
      @include font-style('title--xs', 'title--l');
    }
  }
}
