.mmc-video,
.mmc-ppt {
  position: relative;
}

.mmc-video::before,
.mmc-ppt::before {
  content: '';
  display: block;
}

.mmc-video iframe,
.mmc-ppt iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 16:9 aspect ratio */
.mmc-video::before {
  padding-top: 56.25%;
}

/* display powerpoint on screens large enough to not crop bottom bar in iframe */
@media (min-width: 23.5rem) {
  /* roughly 5:3 aspect ratio */
  .mmc-ppt::before {
    padding-top: 60.333333%;
  }
}