/****************************************************************************
 * Section
 ****************************************************************************/
.video_bg_section {
    padding: 0 0 56.25%;
}

.video_bg_section > .content_row {
    position: absolute; top: 50%; left: 0; right: 0;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

@media screen and (min-width: 40em){
    .video_bg_section {
        padding: 0 0 45%;
    }
}

@media screen and (min-width: 64em){
    .video_bg_section {
        padding: 0 0 38%;
    }
}

@media screen and (min-width: 90em){
    .video_bg_section {
        padding: 0 0 32%;
    }
}

/****************************************************************************
 * Button
 ****************************************************************************/
/*.video_bg_section .button.typo_lightbox[href*="youtube"],
.video_bg_section .button.typo_lightbox[href*="vimeo"] {
    width: 3rem; height: 3rem; position: relative;
    font-size: 0; display: inline-block;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    background-color: rgba(255,204,0,0.3);
}
.video_bg_section .button.typo_lightbox[href*="youtube"]:hover,
.video_bg_section .button.typo_lightbox[href*="vimeo"]:hover {
    background-color: rgba(255,204,0,1);
}
.video_bg_section .button.typo_lightbox[href*="youtube"]:after,
.video_bg_section .button.typo_lightbox[href*="vimeo"]:after {
    content: ''; position: absolute;
    top: 50%; left: 55%;
    width: 0; height: 0;
    border-left: 1rem solid #FFFFFF;
    border-top: 0.75rem solid transparent;
    border-bottom: 0.75rem solid transparent;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    
}

@media screen and (min-width: 40em){
    .video_bg_section .button.typo_lightbox[href*="youtube"],
    .video_bg_section .button.typo_lightbox[href*="vimeo"] {
        width: 4rem; height: 4rem;
    }
    .video_bg_section .button.typo_lightbox[href*="youtube"]:after,
    .video_bg_section .button.typo_lightbox[href*="vimeo"]:after {
        border-left: 1.33rem solid #FFFFFF;
        border-top: 1rem solid transparent;
        border-bottom: 1rem solid transparent;
        
    }
}
*/
.video_bg_section .button.typo_lightbox[href*="youtube"],
.video_bg_section .button.typo_lightbox[href*="vimeo"] {
    width: 3rem; height: 3rem; position: relative;
    font-size: 0; display: inline-block;
    background: url(../img/winterfest-icon-play.svg) no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    margin: 0;
}


@media screen and (min-width: 40em){
    .video_bg_section .button.typo_lightbox[href*="youtube"],
    .video_bg_section .button.typo_lightbox[href*="vimeo"] {
        width: 4rem; height: 4rem;
    }
}