.video-embed {
  background-image: linear-gradient(bottom, #0b5f73 50%, #ffffff 50%);
  background-image: -o-linear-gradient(bottom, #0b5f73 50%, #ffffff 50%);
  background-image: -moz-linear-gradient(bottom, #0b5f73 50%, #ffffff 50%);
  background-image: -webkit-linear-gradient(bottom, #0b5f73 50%, #ffffff 50%);
  background-image: -ms-linear-gradient(bottom, #0b5f73 50%, #ffffff 50%);
}

.page-id-26 .video-embed {
  padding: 5vw 0;
  background-color: var(--foe-color-one);
  background-image: none;
}

.video-embed h2 {
  margin: 0 auto 25px;
  width: 320px;
  color: var(--foe-color-four);
  text-align: center;
}

.video-container p:first-child {
  width: 320px;
  height: 180px;
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden;
}

.video-container iframe {
  width: 100% !important;
  height: 100% !important;
}

/**    ███  ██████████  ██████████     ██████████  ███    ███
███    ███  ███    ███  ███    ███     ███    ███   ███  ███
███    ███  ███    ███  ███    ███     ███    ███     ████
██████████  ██████████  ███    ███     ██████████      ██
       ███  ███    ███  ███    ███     ███            ████
       ███  ███    ███  ███    ███     ███          ███  ███
       ███  ██████████  ██████████     ███         ███    █*/

@media only screen and (min-width: 480px) {
  .video-embed h2 {
    width: 448px;
  }

  .video-container p:first-child {
    width: 448px;
    height: 252px;
  }
}

/**███████  ███         ██████████     ██████████  ███    ███
       ███  ███         ███    ███     ███    ███   ███  ███
       ███  ███         ███    ███     ███    ███     ████
    ██████  ██████████  ██████████     ██████████      ██
       ███  ███    ███  ███    ███     ███            ████
       ███  ███    ███  ███    ███     ███          ███  ███
       ███  ██████████  ██████████     ███         ███    █*/

@media only screen and (min-width: 768px) {
  .video-embed h2 {
    width: 720px;
  }

  .video-container p:first-child {
    width: 720px;
    height: 405px;
  }
}

/**  ██████████  ██████████  ███    ███     ██████████  ███    ███
███  ███    ███         ███  ███    ███     ███    ███   ███  ███
███  ███    ███         ███  ███    ███     ███    ███     ████
███  ███    ███  ██████████  ██████████     ██████████      ██
███  ███    ███  ███                ███     ███            ████
███  ███    ███  ███                ███     ███          ███  ███
███  ██████████  ██████████         ███     ███         ███    █*/

@media only screen and (min-width: 1024px) {
  .video-embed h2 {
    margin: 0 auto 50px;
    width: 960px;
  }

  .video-container p:first-child {
    width: 960px;
    height: 540px;
  }
}

/**  ███    ███  ███    ███  ██████████     ██████████  ███    ███
███  ███    ███  ███    ███  ███    ███     ███    ███   ███  ███
███  ███    ███  ███    ███  ███    ███     ███    ███     ████
███  ██████████  ██████████  ███    ███     ██████████      ██
███         ███         ███  ███    ███     ███            ████
███         ███         ███  ███    ███     ███          ███  ███
███         ███         ███  ██████████     ███         ███    █*/

@media only screen and (min-width: 1366px) {
  .video-embed h2 {
    width: 1280px;
  }

  .video-container p:first-child {
    width: 1280px;
    height: 720px;
  }
}