/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.flex-video {

  position: relative;
  height: 0;
  padding-top: 1.5625rem;
  padding-bottom: 75%;
  margin-bottom: 1rem;
  overflow: hidden;

}

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

.flex-video .widescreen {

    padding-bottom: 56.25%;

}

.flex-video .vimeo {

    padding-top: 0;

}