.fullscreen-bg { overflow: hidden; z-index: -100; height: 100%; width: 100%; } .fullscreen-bg__video { position: fixed; top: -10px; left: 0; width: 100%; } @media (min-width: 2103px) { .fullscreen-bg__video { top: -30px; } } @media (max-width: 1768px) { .fullscreen-bg__video { left: -90px; width: 110%; } } @media (max-width: 1680px) { .fullscreen-bg__video { left: -130px; width: 115%; } } @media (max-width: 1600px) { .fullscreen-bg__video { left: -160px; width: 120%; } } @media (max-width: 1440px) { .fullscreen-bg__video { left: -250px; width: 135%; } } @media (max-width: 1366px) { .fullscreen-bg__video { left: -310px; width: 145%; } } @media (max-width: 1360px) { .fullscreen-bg__video { left: -310px; width: 145%; } } @media (max-width: 1280px) { .fullscreen-bg__video { left: -320px; width: 150%; } } @media (max-width: 1000px) { .fullscreen-bg { display: none; } .fullscreen-bg__video { display: none; } }