/* CSS for responsive iframe */
/* ========================= */

/* outer wrapper: set max-width & max-height; max-height greater than padding-bottom % will be ineffective and height will = padding-bottom % of max-width */
#Iframe-Liason-Sheet {
    max-width: 780px;
    max-height: 100%; 
    overflow: hidden;
}
/* inner wrapper: make responsive */
.responsive-wrapper {
    position: relative;
    height: 0;    /* gets height from padding-bottom */
    /* following necessary for proper mobile behavior */
    -webkit-overflow-scrolling: touch;
    overflow: auto
}
.responsive-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
}
/* padding-bottom = h/w as % -- sets aspect ratio */
/* YouTube video aspect ratio */
.responsive-wrapper-wxh-650x315 {
    padding-bottom: 56.25%;
}
.responsive-wrapper-wxh-550x2000 {
    padding-bottom: 163.6364%;
}

/* general styles */
/* ============== */
.set-border {
    border: 5px inset #4f4f4f;
}
.set-box-shadow { 
    -webkit-box-shadow: 4px 4px 14px #4f4f4f;
    -moz-box-shadow: 4px 4px 14px #4f4f4f;
    box-shadow: 4px 4px 14px #4f4f4f;
}
.set-padding {
    padding: 40px;
}
.set-margin {
    margin: 30px;
}
.center-block-horiz {
    margin-left: auto !important;
    margin-right: auto !important;
}