.hero[c17] {
    background-color: #000;
    overflow: hidden;
    height: min(500px, 56.25vw);
    position: relative
}

iframe[c17] {
    position: absolute;
    -webkit-transform: translate(0, -webkit-calc(0px - (56.25vw - min(500px, 56.25vw))/2));
    -moz-transform: translate(0, -moz-calc(0px - (56.25vw - min(500px, 56.25vw))/2));
    -ms-transform: translate(0, calc(0px - (56.25vw - min(500px, 56.25vw))/2));
    -o-transform: translate(0, calc(0px - (56.25vw - min(500px, 56.25vw))/2));
    transform: translate(0, -webkit-calc(0px - (56.25vw - min(500px, 56.25vw))/2));
    transform: translate(0, -moz-calc(0px - (56.25vw - min(500px, 56.25vw))/2));
    transform: translate(0, calc(0px - (56.25vw - min(500px, 56.25vw))/2));
    display: block;
    width: 100%;
    height: 56.25vw;
    background-color: #000
}