.paragraph--type-multiple-media .paragraph-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: stretch;
  align-items: center;
}
.paragraph--type-multiple-media.content-align-left .paragraph-content {
  justify-content: flex-start;
}
.paragraph--type-multiple-media.content-align-right .paragraph-content {
  justify-content: flex-end;
}
.paragraph--type-multiple-media .paragraph-content .media-image-wrap {
  order: 0;
  flex: 1 1 0;
  align-self: auto;
  padding-left: 0;
  padding-right: 0;
}
.paragraph--type-multiple-media .paragraph-content .media {
  margin: 2px;
  padding-left: 0;
  padding-right: 0;
}
.paragraph--type-multiple-media .paragraph-content .media--type-image,
.paragraph--type-multiple-media .paragraph-content .media--type-remote-video {
  align-self: center;
  flex: 1 1 auto;
  max-width: calc(50% - 4px);
}
.paragraph--type-multiple-media .paragraph-content .media--type-image img {
  height: 12.5rem;
  min-width: 100%;
  object-fit: cover;
  vertical-align: bottom;
  width: auto;
}
.paragraph--type-multiple-media .paragraph-content .media--type-remote-video {
  width: 22.222rem; /* make 16:9 - based on height above */
  padding-bottom: 12.5rem; /* make 16:9 - based on height above */
}
.paragraph--type-multiple-media .paragraph-content .media--type-document {
  padding-left: calc(var(--d-margin-bottom-base) * 2);
  padding-right: calc(var(--d-margin-bottom-base) * 2);
  flex: 1 1 auto;
}
.paragraph--type-multiple-media figcaption {
  display: none;
}
/* ------------------------------------- RESPONSIVE ADJUSTMENTS ------------------------------------- */
@media all and (min-width: 768px), print {
  /* TABLET - Non-Retina - (768px-1024px) */

  .paragraph--type-multiple-media .paragraph-content .media--type-image img {
    height: 13rem;
  }
  .paragraph--type-multiple-media .paragraph-content .media--type-remote-video {
    width: 23.111rem; /* make 16:9 - based on height above */
    padding-bottom: 13rem; /* make 16:9 - based on height above */
  }
}
@media all and (min-width: 1025px), print {
  /* DESKTOP SMALL - Non-Retina - (1025px-1280px) */

  .paragraph--type-multiple-media .paragraph-content .media--type-image img {
    height: 15rem;
  }
  .paragraph--type-multiple-media .paragraph-content .media--type-remote-video {
    width: 26.666rem; /* make 16:9 - based on height above */
    padding-bottom: 15rem; /* make 16:9 - based on height above */
  } 
}