@media (min-aspect-ratio: 10/9) {
  .vis-title-and-canvas {
    display: flex;
    flex-direction: row;
    margin: auto;
  }

  .vis-title-panel {
    display: inline-flex;
    text-align: right;
    justify-content: right;
    margin: 30px 10px;
  }

  .vis-title {
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    transform: rotate(180deg);
    margin: 0 0;
    padding: 0 0;
    font-size: 3.4em;
  }
}

@media (max-aspect-ratio: 10/9) {
  .vis-title {
    text-align: center;
    font-size: 2.4em;
  }
}