.video-component {
  position: relative;
  overflow: hidden; }
  .video-component .action-container {
    position: absolute;
    bottom: 120px;
    left: 60px;
    padding-left: 0;
    top: auto;
    max-width: 800px; }
    @media (max-width: 1199.98px) {
      .video-component .action-container {
        left: 40px; } }
    @media (max-width: 991.98px) {
      .video-component .action-container {
        max-width: 500px;
        left: 30px;
        bottom: 75px; } }
    @media (max-width: 768.98px) {
      .video-component .action-container {
        bottom: 60px; } }
  .video-component .text-container {
    text-transform: uppercase;
    font-family: Gibson-SemiBold, sans-serif;
    padding-right: 30px; }
    .video-component .text-container h1,
    .video-component .text-container h2,
    .video-component .text-container h3,
    .video-component .text-container h4,
    .video-component .text-container h5,
    .video-component .text-container h6 {
      margin-bottom: 22px; }
    .video-component .text-container h1 {
      font-size: 50px;
      line-height: 50px; }
    .video-component .text-container h2 {
      font-size: 50px; }
    .video-component .text-container p {
      font-size: 16px;
      font-family: Gibson-Regular, sans-serif;
      text-transform: none; }
    @media (max-width: 1199.98px) {
      .video-component .text-container h1 {
        font-size: 48px;
        line-height: 48px; }
      .video-component .text-container h2 {
        font-size: 40px; }
      .video-component .text-container p {
        font-size: 16px; } }
    @media (max-width: 991.98px) {
      .video-component .text-container h1 {
        font-size: 40px;
        line-height: 40px; }
      .video-component .text-container h2 {
        font-size: 40px; }
      .video-component .text-container p {
        font-size: 14px; } }
  .video-component::before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 43.91892%; }
  .video-component > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .video-component video,
  .video-component iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%; }
  @media (max-width: 768.98px) {
    .video-component {
      position: relative; }
      .video-component::before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 132.85024%; }
      .video-component > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      .video-component .content {
        background-color: #fff; }
        .video-component .content video,
        .video-component .content iframe {
          width: 100%;
          height: 100%;
          object-fit: cover; } }
  .video-component .desktop-video {
    display: block; }
    @media (max-width: 1199.98px) {
      .video-component .desktop-video {
        display: none; } }
  .video-component .mobile-video {
    display: none; }
    @media (max-width: 1199.98px) {
      .video-component .mobile-video {
        display: -ms-grid;
        display: grid; } }