.tips-container {
    position: relative;
    padding-bottom: 150%;
    padding-top: 35px;
    height: 0;  
    overflow: hidden; /*I am a comment*/
}

/*Begin responsive i-frames*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;  
    overflow: hidden; /*I am a comment*/
}
/*Youtube height/width 9/16 = .5625 or 56.25%*/
.video-container-iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*End responsive i-frames*/

.video-wrapper {
	max-width: 640px;
	margin-left:auto;
	margin-right:auto;
}


/*Begin WIP for home page responsive insider i-frame*/
.insider-container {
    position: relative;
    padding-bottom: 90%;
    padding-top: 35px;
    height: 0;  
    overflow: hidden; /*I am a comment*/
}
/*Padding-bottom should be height/width ratio in %*/
.insider-container-iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*End WIP for home page responsive insider i-frame*/

/*Begin WIP for 8.5X11 brochure i-frame*/
.brochure-container {
    position: relative;
    padding-bottom: 135%;
    padding-top: 0px;
    height: 0;  
    overflow: hidden; /*I am a comment*/
}
/*Padding-bottom should be height/width ratio in %*/
.brochure-container-iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    
}
/*End WIP for 8.5X11 brochure i-frame*/