#iframe-holder {
    width: 100%;
    height:153%;
    margin-top: -3%;
    background-color: #333;
}

@media screen and (min-width: 768px) and (max-width: 1379.999px) {
    #iframe-holder {
        width: 100%;
        height: 75%;
        margin-top: -3%;
        background-color: #333;
    }

    #iframe-holder iframe {
        display: block;
        border: 0;
        width: 92em;
        height: 52em;
    }

    div.coprivideo {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    @media ( max-width:42em ) {
        #iframe-holder {
            width: 25em;
            padding: 2.5em;
        }

            #iframe-holder iframe {
                width: 25em;
                height: 14em;
            }
    }

    @media ( max-width:31em ) {
        #iframe-holder {
            width: 92em;
            padding: unset;
        }

            #iframe-holder iframe {
                width: 61em;
                height: 37.52em;
            }

        div.coprivideo {
            position: unset;
        }
    }



    @media only screen and (device-width: 768px) {
        #iframe-holder {
            width: 97%;
            height: 153%;
            margin-top: -3%;
            background-color: #333;
        }

            #iframe-holder iframe {
                display: block;
                border: 0;
                width: 66em;
                height: 42em;
            }

        div.coprivideo {
            position: unset;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }
    }

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
        #iframe-holder {
            width: 97%;
            height: 153%;
            margin-top: -3%;
            background-color: #333;
        }

            #iframe-holder iframe {
                display: block;
                border: 0;
                width: 66em;
                height: 42em;
            }

        div.coprivideo {
            position: unset;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }
    }

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
        #iframe-holder {
            width: 97%;
            height: 153%;
            margin-top: -3%;
            background-color: #333;
        }

            #iframe-holder iframe {
                display: block;
                border: 0;
                width: 66em;
                height: 42em;
            }

        div.coprivideo {
            position: unset;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }
    }