.internalHeader {
  padding: 0 calc(0.25% + 7vw);
}
h1.internal,
h2.internal {
  text-align: center;
  margin: calc(6rem + 6vw) 0 calc(3rem + 4vw);
  font-family: museo, serif;
  font-weight: 700;
  font-size: calc(1.85rem + 3.5vw);
  color: hsla(175, 67%, 11%, 1);
}
h1.internal span,
h2.internal span {
  font-weight: 300;
}
h2.internal {
  margin: calc(0.75rem + 1vw) 0;
  font-size: calc(1.5rem + 2.5vw);
}
hr {
  width: 100%;
  height: calc(3rem + 2vw);
}

h1.episode {
  text-align: center;
  margin: calc(6rem + 6vw) 0 0;
  font-family: museo, serif;
  font-weight: 500;
  font-style: italic;
  font-size: calc(1.15rem + 2vw);
}
h2.episode {
  margin-bottom: calc(0.5rem + 1vw);
  text-align: center;
  font-size: calc(0.75rem + 1vw);
  font-family: 'open-sans', sans-serif;
  font-weight: 400;
  color: hsla(176, 7%, 45%, 1);
}

/* specific to archive page */

.oneVideo {
  width: calc(10rem + 40vw);
}
@media screen and (min-width: 768px) {
  .oneVideo {
    width: calc(6.35rem + 12vw);
  }
}

.videoContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 calc(0.25% + 7vw);
}
.videoOuter {
  display: flex;
  flex-direction: column;
}
.videoInner {
  margin-bottom: calc(1rem + 1vw);
  max-width: 400px;
}

@media screen and (min-width: 768px) {
  .videoContainer {
    justify-content: space-between;
    column-gap: calc(2rem + 2vw);
  }
  .videoOuter {
    flex-direction: row;
    justify-content: space-between;
    column-gap: calc(2rem + 2vw);
  }
}

@media screen and (min-width: 1366px) {
  .videoContainer {
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
  }
}

.cta {
  padding: calc(4rem + 4vw) 0;
  margin-top: calc(2rem + 2vw);
  background-color: hsla(177, 49%, 51%, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ctaBtn {
  background-color: hsla(0, 100%, 100%, 1);
  font-weight: 600;
  color: hsla(177, 49%, 51%, 1);
  margin-top: calc(0.5rem + 0.5vw);
  transition: all ease-in-out 0.35s;
}
.ctaBtn span {
  font-weight: 700;
}

.ctaBtn:hover {
  background-color: hsla(0, 100%, 100%, 0.88);
  color: hsla(177, 50%, 45%, 1);
}

/* specific to episode pages */

.videoPlayerWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  display: relative;
}
.videoPlayer {
  aspect-ratio: 1 / 1;
  width: 100%;
  display: absolute;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .videoPlayer {
    width: calc(25rem + 25vw);
    border-radius: calc(15px + 1vw);
  }
}