body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Zapobiega pojawieniu się pasków przewijania */
    font-family: 'Montserrat', sans-serif;
    color: #fff;
}

.video-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Umieszcza wideo pod innymi elementami */
}

#background-video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover; /* Zapewnia, że wideo wypełni kontener */
}

.content-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.7); /* Dodaje cień dla lepszej czytelności */
}

.content-overlay h1 {
    font-size: 8vw; /* Rozmiar dostosowuje się do szerokości ekranu */
    margin: 0;
    line-height: 1;
    font-weight: 700;
}

.content-overlay p {
    font-size: 2.5vw;
    margin: 0;
    letter-spacing: 0.5em; /* Zwiększa odstępy między literami dla "TECHNOLOGY" */
    font-weight: 400;
    opacity: 0.8;
}

/* Opcjonalnie: dostosowanie dla mniejszych ekranów */
@media (max-width: 768px) {
    .content-overlay h1 {
        font-size: 15vw;
    }
    .content-overlay p {
        font-size: 5vw;
    }
}