@media (min-width:320px) {
    .customheader {
        position: relative;
        height: 0;
        min-height: 38rem;
        width: 100%;
        overflow: hidden;
        top: -18px
    }

        .customheader 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%)
        }

    header .container {
        position: relative;
        z-index: 2
    }

    header .overlay {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: .5;
        z-index: 1
    }
}

@media (pointer: coarse) and (hover: none) {
    header video {
        display: none
    }
}

@media screen and (min-width: 641px) {
    .customheader {
        position: relative;
        background-color: #000;
        height: 68vh;
        min-height: 25rem;
        width: 100%;
        overflow: hidden
    }

        .customheader 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%)
        }

    header .container {
        position: relative;
        z-index: 2
    }

    header .overlay {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: .5;
        z-index: 1
    }
}

@media (pointer: coarse) and (hover: none) {
    header {
       /* background: url(https://source.unsplash.com/XT5OInaElMw/1600x900) #000 no-repeat center center scroll*/
    }

        header video {
            display: none
        }
}