.flex-video {
  position: relative;
  overflow: hidden;
}

.flex-video.widescreen { 
  padding-bottom: 57.25%;
}
.flex-video.vimeo { padding-top: 0; }

.flex-video.radio-screen { 
  margin: 0 10.5em;
  height: 45.25vw;
}

.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}

@media only screen and (max-width: 768px) {
  .flex-video.radio-screen {
    margin: 0px;
    padding-bottom: 57.25%;
  }
}

#scroll-toggle {
	width: 60px;
  height: 60px;
  border: 3px solid #fff;
  border-radius: 100em;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
}

.toggle-chevron {
  color: #fff;
  height: 14px;
  width: 14px;
}

.stream-title {
  color: #fff;
  padding: 0.67em;
}

.center-element {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.live-stream-msg {
  position: absolute;
  top: 40em;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 20em;
  text-align: center;
}