.mc-hero-video__media,
.mc-hero-video__fallback {
    height: auto;
    object-fit: cover;
    width: 200%;
    margin: auto 0;
    transform: translateX(-25%);
}
@media (min-width: 576px) {
    .mc-hero-video__media, .mc-hero-video__fallback { width: 160%; transform: translateX(-18%); }
}
@media (min-width: 768px) {
    .mc-hero-video__media, .mc-hero-video__fallback { width: 140%; transform: translateX(-16%); }
}
@media (min-width: 992px) {
    .mc-hero-video__media, .mc-hero-video__fallback { width: 120%; transform: translateX(-7%); }
}
@media (min-width: 1200px) {
    .mc-hero-video__media, .mc-hero-video__fallback { width: 100%; transform: none; }
}

.mc-hero-video--contained .mc-hero-video__media,
.mc-hero-video--contained .mc-hero-video__fallback {
    width: 100%;
    transform: none;
}

/* Match the spacing choices of ordinary content elements without changing the video crop. */
.mc-hero-video--before-small { margin-top: .5rem; }
.mc-hero-video--before-medium { margin-top: 1rem; }
.mc-hero-video--before-large { margin-top: 1.5rem; }
.mc-hero-video--before-extra-large { margin-top: 2rem; }
.mc-hero-video--after-small { margin-bottom: .5rem; }
.mc-hero-video--after-medium { margin-bottom: 1rem; }
.mc-hero-video--after-large { margin-bottom: 1.5rem; }
.mc-hero-video--after-extra-large { margin-bottom: 2rem; }