/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

#video_primary {margin: 50px 16% 20px;}
h3.video-title {min-height: 67px;}


/* override bootstrap container */
@media (min-width: 1400px){
    body .container, body .container-lg, body .container-md, body .container-sm, body .container-xl, body .container-xxl {
        min-width: 100% !important;
    }
}

@media (min-width: 1200px){
    body .container, body .container-lg, body .container-md, body .container-sm, body .container-xl {
        min-width: 100% !important;
    }
}

@media (min-width: 992px){
    body .container, body .container-lg, body .container-md, body .container-sm {
        min-width: 100% !important;
    }
}

@media (min-width: 768px){
    body .container, body .container-md, body .container-sm {
        min-width: 100% !important;
    }
}

@media (min-width: 576px) {
    body .container, body .container-sm {min-width: 100% !important;}
    body .container, body .container-fluid, body .container-lg, body .container-md, body .container-sm, body .container-xl, body .container-xxl {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}