.h_header {
        position: relative;
        /* background-color: black;
        height: 75vh;
        min-height: 25rem; */
        width: 100%;
        overflow: hidden;
    }

    .h_video {
        position: relative;
        /* top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto; */
        height: auto;
        z-index: 0;
        /* -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%); */
    }

    .h_container {
        width: 100%;
        position: absolute;
        z-index: 2;
        top: 0
    }

    .h_overlay {
        position: absolute;
        top: 0;
        left: 0;
        height: 98%;
        width: 100%;
        background-color: black;
        opacity: 0.5;
        z-index: 1;
    }

    @media (min-width: 768px) {
        .h_header {
            position: relative;
            background-color: black;
            height: 75vh;
            min-height: 25rem;
            width: 100%;
            overflow: hidden;
        }

        .h_video {
            position: absolute;
            top: 50%;
            left: 50%;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            z-index: 0;
            -ms-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
        }

        .h_container {
            position: relative;
            z-index: 2;
        }

        .h_overlay {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background-color: black;
            opacity: 0.5;
            z-index: 1;
        }
    }