.article--int-iframe {
    width: 100%;
    height: 600px;
}
.article--int-iframe[src*="/storyline"] {
    height: 560px;
    width: calc(100% + ((100vw - 100% + 16px) / 2));
    transform: translateX(calc((100vw - 100% + 16px) / -2));
}
.article--int-iframe[src*="/scenevr"] {
    height: calc(55vw + 100px);
     width: calc(100% + ((100vw - 100% + 16px) / 2));
    transform: translateX(calc((100vw - 100% + 16px) / -2));
}
.article--int-iframe[src*="/storymapjs"] {
    height: 752px;
    width: calc(100% + ((100vw - 100% - 16px) / 2));
    transform: translateX(calc((100vw - 100% - 16px) / -2));
}



.article--int-iframe[src*="/spreadsheets"] {
    height: 752px;
}
.article--int-iframe[src*="/juxtapose/"] {
    height: calc(54vw + 30px);
    max-height: 799px;
    width: calc(100% + ((100vw - 100% + 40px) / 2));
    transform: translateX(calc((100vw - 100% + 40px) / -2));
}
.article--int-iframe[src*="/timeline3/latest/embed"] {
    height: 635px;
    width: calc(100% + ((100vw - 100% + 40px) / 2));
    transform: translateX(calc((100vw - 100% + 40px) / -2));
}



@media screen and (max-width: 1200px) {
    .article--int-iframe[src*="/storymapjs"] {
        width: calc(100% + 8.4vw);
        margin-left: -4.2vw;
        margin-right: -4.2vw;
        transform: translateX(0);
    }
}

@media (max-width: 1000px) {
    .article--int-iframe[src*="/storymapjs"] {
        height: 91vw;
    }
/*
    .article--int-iframe[src*="/juxtapose/"] {
        width: 100%;
        transform: none;
        height: calc(55vw);
    }
*/
}
/*
@media (max-width: 1000px) {
    .article--int-iframe[src*="storymapjs"] {
        height: 91vw;
    }
}
@media (max-width: 900px) {
    .article--int-iframe[src*="storymapjs"] {
        height: 112vw;
    }
}
@media (max-width: 800px) {
    .article--int-iframe[src*="storymapjs"] {
        height: 112vw;
    }
}
@media (max-width: 750px) {
    .article--int-iframe[src*="storymapjs"] {
        height: 204vw;
    }
}
@media (max-width: 640px) {
    .article--int-iframe[src*="storymapjs"] {
        height: 222vw;
    }
}
@media (max-width: 550px) {
    .article--int-iframe[src*="storymapjs"] {
        height: 319vw;
    }
}
*/