.embed-container { position: relative; padding-bottom: 150%; height: 0; max-width: 150%; } @media all and (min-width: 460px) and (min-device-width: 460px) { .embed-container { padding-bottom: 100%; } } @media all and (min-width: 680px) and (min-device-width: 680px) { .embed-container { padding-bottom: 80%; } } .embed-container iframe, .embed-container object, .embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } small { position: absolute; z-index: 40; bottom: 0; margin-bottom: -15px; } .node-content-inner .col-700 { max-width: initial; } .node-content-inner.full-inner { max-width: initial; padding: 0; }
