@media only screen and (max-width: 768px) {
    .section {
        padding: 2rem 0;
    }

    .video-header video {
        border-radius: 1rem;
    }

    .video-header .row h1 {
        color: white;
        font-size: 2rem;
    }

    .video-header .row h2 {
        color: white;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .social-icon-widget {
        display: none;
    }

    .mobile-bottom-bar {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
    }

    .mobile-bottom-bar>.bottom-bar {
        width: calc(50% + 1px);
        display: inline-block;
        text-align: center;
        height: 100%;
        margin: -2px;
        padding: 0.75rem 0;
    }
}