#video-viewport { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; /*z-index: -1;*/ }

video { display: block; width: 100%; height: auto; }



.fullsize-video-bg { height: auto;  overflow: hidden; }



.fullsize-video-bg:before { content: ""; /*background: rgba(114,45,0,.35);*/ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }

.fullsize-video-bg:after { content: ""; background-image: url(images/axas-group.mp4); background-size: 3px 3px; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  /*z-index: 1;*/ }





.fullsize-video-bg .inner { display: table; width: 100%; max-width: 24em; height: 100%; margin: 0 auto; padding: 0; position: relative; z-index: 2; text-shadow: 0 1px 5px rgba(0,0,0,.5); }

.fullsize-video-bg .inner > div { text-align: center; display: table-cell; vertical-align: middle; padding: 0 2em; }



@media only screen and (max-width: 991px){

#video-viewport {

    display: none;

}

}