@font-face
{
  font-family: 'GentiumBlack';
  src: url("/fonts/SignikaNegative-Regular.ttf");
}

.video-title {
  margin-bottom: 0px;
  color: #3c444c;
}

.video-sponsor {
  color: #586773;
}

.video-subtitle {
  color: #586773;
}

.video-row
{
  background: #181C1F;
  color: white;
  text-align: center;
}

.video-error {
  min-height: 360px;
  padding-top: 100px;
  font-size: 24px;
}

.video-row video {
  display: block;
  width: 100%;
  margin: auto;
  max-height: 100vh;
  background: #181C1F;
}

@media (min-width: 1025px) {
  .video-row video {
    max-height: 90vh;
  }
}

.action-area {
  padding-top: 10px;
  padding-bottom: 40px;
  font-family: GentiumBlack;
  color: #586773;
}

.action-area > .row {
  max-width: calc(90vh * 1.77);
}

.buy-button {
  background: #3c444c;
}

.buy-button:hover {
  background: #181c1f;
}

.buy-button:active {
  background: #181c1f;
}

.video-sponsor a {
  color: #586773;
}

.video-sponsor a:hover {
  color: #181c1f;
}

.video-sponsor a:active {
  color: #181c1f;
}