.page-video {

}

.page-video .active-video-section {
  background-image: url('/assets/backgrounds/dark-paper.jpg');
  padding: 30px 0;
}

.page-video .active-video-frame {
  width: 100%;
  border: 5px solid #555;
  border-radius: 5px;
  overflow: hidden;
  margin: 50px 0;
  height: 70vh;
}

@media (max-width: 768px) {
  .page-video .active-video-frame {
    height: 60vw;
  }
}

.page-video > .heading-bar {
  background-image:url('/assets/backgrounds/in-studio.jpg');
  background-position:center center;
  background-attachment:fixed;
  background-size:cover;
  color:white;
}

.page-video .active-video-title {
  font-size: 2.5em;
  color: #efefef;
  max-width: 700px;
  margin: 0 auto 30px;
  font-weight: bold;
}

.page-video .active-video-description {
  font-size: 1em;
  line-height: 1.7em;
  max-width: 100%;
  width: 768px;
  margin: 10px auto 40px;
  color: #efefef;
}

.page-video .video-block {
  margin: 30px auto;
  cursor: pointer;
  transition: transform 0.6s, opacity 1s;
}

.page-video .video-block:hover {
  opacity: 0.8;
  transform: scale(0.95);
}

.page-video .video-block .video-thumbnail {
  display: block;
  width: 100%;
  height: 160px;
  margin-top: 15px;
  background-position: center;
  background-size: cover;
  border-radius: 10px;
  background-repeat: no-repeat;
}

.page-video .video-block .video-title {
  font-size: 1.33em;
}

.page-video .video-block .video-description {
  font-family: 'Cormorant Garamond';
}