.pattern {
    background: url(../images/pattern_1.png) repeat;
    background-size: 4px;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    margin: 0 -15px;
}





@media (max-width: 992px){
	header {
	    position: absolute;
	    flex-wrap: wrap;
	    padding-bottom: 0px;
	    height: auto;
	}
	.wrap {
		overflow: hidden;
	}
	#back-video {
		position: absolute;
	}
	.main-page {
	    position: relative;
	    width: 100vw;
	    min-width: 100vw;
	    max-width: 100vw;
	    overflow: hidden;
	    height: 100vh;
	    min-height: 100vh;
	    display: flex;
	    align-items: center;
	}

}