@charset "utf-8";
/*--
	Add your style here
--*/ 
.menu-wrap {
        right:0 !important;
	-webkit-transform: translate3d(320px,0,0);
	transform: translate3d(320px,0,0);
	visibility:hidden;
}

.show-menu .menu-wrap,
.show-menu .menu-inner ,
.show-menu .morph-shape  {
        -webkit-transform: translate3d(-30px,0,0);
        transform: translate3d(-30px,0,0);
}
.show-menu .menu-wrap {
	right:0;
	opacity:1;
	visibility:visible;
}


CSS

/* 1. Usunięcie białych pasów i marginesów szablonu */
.content-holder, 
#wrapper, 
.full-height {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important; /* vh = viewport height (wysokość ekranu) */
    position: absolute !important;
}

/* 2. Zapewnienie, że kontenery wideo zajmują 100% miejsca */
.media-container, 
.video-holder, 
.video-container {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important; /* Usuwamy przesunięcia centrujące */
}

/* 3. KLUCZOWE: Sprawienie, by wideo zachowywało się jak tło (rozciąganie) */
video.bgvid {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* To sprawia, że film wypełnia ekran bez deformacji */
    position: absolute;
    top: 0;
    left: 0;
}

/* 4. Ukrycie nagłówka, jeśli to on tworzy "górę" */
header.main-header {
    display: none; /* Jeśli chcesz zachować menu, zmień na: position: absolute; background: transparent; */
}