html,body{margin:0;padding:0;height:100%;overflow:hidden;}
body{
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}
.embedded_stream_video{
    background-position: center center;
    background-size: cover;
    background-color: #212F59;
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
}

.video-js{
    font-size: 14px !important; /*bumps up control size*/
}
.vjs-error .vjs-error-display:before {
    content: "" !important;
}
.video{
    width: 100%;
    /*padding-top: 56.25%;*/
    /*height: 0;*/
    position: absolute !important;
}

.video-message{
    position: relative;
    z-index: 999;
}

.overlay{
    display: none;
}

.live_badge{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;

    background: #ff1744;
    text-transform: uppercase;
    color: #fff;
    border-radius: 0.25rem;
    line-height: 1;
}

@media only screen and (min-width: 400px) {
    .overlay{
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        color: #FFF;
        background-color: rgb(0, 0, 0, 0.5);
        border-radius: 0.25rem;
    }
}