#diva-player-container {
    width: 100%;
  }

  #diva-player-container.theater-mode {
    width: 100%;
    max-width: 100%;
  }

  @media screen and (max-width: 900px) {
    #diva-player-container {
      width: 100%;
    }
  }

  .container-fixed-ratio {
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio */
    position: relative;
  }

  .diva-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

.diva-player-container {
      width: 80%;
      max-width: 1408px;
      margin: 0 auto;
    }

    .diva-player-container.theater-mode {
      width: 100%;
      max-width: 100%;
    }

    @media screen and (max-width: 900px) {
      .diva-player-container {
        width: 100%;
      }
    }

    diva-app {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }

    #old-browser-alert {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: black;
      color: white;
      text-align: center;
      display: none;
    }

    #old-browser-alert p {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
    }