.video {
    border:1px solid lightgray;
    border-radius: 3px;
    box-shadow:0 1px 1px lightgray;
    padding:30px 0 !important;
    padding-bottom: 0 !important;
    text-align:center; 
}

.video .video-iframe {
    width: 100%;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.video h1 {
    width:100%;
    padding: 0 15px !important;
    text-align:center;
    font-size:1.55em;
    text-transform: uppercase;
    color:black;
    margin:0;
    margin-bottom:30px !important;
}

@media(max-width: 768px) {
    .video {
        padding: 15px 0 !important;
        padding-bottom: 0 !important;
    }
    
    .video h1 {
        padding: 0 7.5px !important;
        font-size:1.35em;
        margin-bottom:15px !important;
    }
    
    .col-lg-4 {
        padding: 0 !important;
    }
}

.video.blocked {
    cursor: not-allowed;
}

.video.blocked .blocked-container {
    height:100%;
    top:0;
    left:15px;
    position:absolute;
    background-color:rgba(0,0,0,0.65);
    color:white;
    z-index:9999;
    border-radius: 3px;
    width:calc(100% - 30px);
    text-align:center;
}

.video.blocked .blocked-container .fa {
    color:white;
    position:absolute;
    font-size:5em;
    margin-left:-20px;
    top:50%;
    margin-top:-30px;
}

.row {
    margin:0;
}