div.row[id=hero] {
  padding-top: 3em;
  margin-bottom: 24px;
}
div.row[id=hero] {
  margin-top: 0;
}
div.row[id=hero-vid] {
  position: relative;
  margin-top: 50px;
  margin-bottom: 48px;
  max-width: 720px;
  padding-left: 10px;
  padding-right: 10px;
}
section.features {
  border: 1px solid #ccc;
}
section.teaser {
  padding-top: 0;
}
section.teaser #stop-playback {
  display: none;
}
section.teaser.vid {
  height: 435px;
}
section.teaser.vid #hero-vid {
  display: block;
}
section.teaser.vid #hero,
section.teaser.vid #teaser-line {
  display: none;
}
section.teaser.vid #stop-playback {
  display: block;
  position: absolute;
  left: -20px;
  top: -30px;
  -webkit-transition: left 0.3s linear;
  -o-transition: left 0.3s linear;
  transition: left 0.3s linear;
}
@media only screen and (max-width: 810px) {
  section.teaser.vid #stop-playback {
    left: 10px;
  }
}
section.teaser .description .links {
  margin-top: 2em !important;
}
section.teaser .animation #hero,
section.teaser .animation #teaser-line {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
section.teaser #hero-vid {
  display: none;
}
section.teaser #hero {
  display: block;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.slogan a.fancyLink.play {
  margin-top: 1em;
}
video#launchbar-hero {
  width: 100% !important;
  height: 100% !important;
}