@charset "UTF-8";
/* CSS Document */

/* key stuff */
.your-centered-div {
    width: 250px; /* you have to have a size or this method doesn't work */
    height: 210px;
    
    position: absolute; /* positions according to the nearest parent */
    top: 0; right: 0; /* confuse it i guess */
    bottom: 0; left: 0;
    margin: auto; /* make em equal */
    
    border: 0px solid red;
}

.your-centered-div iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.your-centeredmd-div {
    width: 550px; /* you have to have a size or this method doesn't work */
    height: 412px;
    
    position: absolute; /* positions according to the nearest parent */
    top: 0; right: 0; /* confuse it i guess */
    bottom: 0; left: 0;
    margin: auto; /* make em equal */
    
    border: 0px solid red;
}

.your-centeredmd-div iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.your-centeredsm-div {
    width: 400px; /* you have to have a size or this method doesn't work */
    height: 300px;
    
    position: absolute; /* positions according to the nearest parent */
    top: 0; right: 0; /* confuse it i guess */
    bottom: 0; left: 0;
    margin: auto; /* make em equal */
    
    border: 0px solid red;
}

.your-centeredsm-div iframe {
    display: block;
    width: 100%;
    height: 100%;
}