body, html {
    height: 100%;
    margin: 0;
    overflow: hidden;
}

#top {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000; /* Zapewnia, że navbar będzie na wierzchu */
}

.nav-item{
    padding-left: 20px;
    padding-right: 20px;
}

.mobile-logo {
    width: 50%;
    transform: translateX(50%);
}

.desktop-logo {
    height: 25px;
}

.navbar-toggler-icon {
    filter: invert(1); 
}

a[href^="mailto"] {
    color: white;
}

#pagecontent {
    width: 100%;
    height: calc(100% - 80px); /* Wysokość strony minus wysokość navbaru */
    overflow-y: auto; /* Umożliwia przewijanie treści, gdy jest za długa */
    /* padding-top: 80px; Zapobiega zakryciu treści przez navbar */
}

.teksty {
    color: aliceblue;
    background-color: rgba(0, 0, 0, 0.586);
    padding: 20px;
    /* margin-bottom: 120px; */
}

.outlined-text {
    /* color: white; Kolor głównego tekstu */
    text-shadow:
      -1px -1px 0 #ffffff,  
       1px -1px 0 #ffffff,
      -1px  1px 0 #ffffff,
       1px  1px 0 #ffffff; 

    color: rgb(203, 0, 0);
  }

  #price{
    font-size: 22px;
  }

  .przerwa{
    height: 120px;
    width: 100%;
  }

#chair {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.footer-image {
    width: 40%; /* Szerokość obrazka, ustawiona na 40% szerokości kontenera */
    display: block;
    margin: 0 auto;
}

@media (max-width: 1100px) { /* Zapytanie media dla urządzeń mobilnych */
    .footer-image {
        width: 100%; /* Szerokość obrazka na urządzenia mobilne (75% szerokości ekranu) */
    }
}


#background {
    z-index: -1; /* Tło jest pod wszystkim innym */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.video-container video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}

.map-container {
    width: 100%;
    height: 400px; /* Możesz dostosować wysokość według potrzeb */
    position: relative;
    overflow: hidden;
    margin: 0; /* Usuń marginesy */
    padding: 0; /* Usuń wypełnienia */
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  iframe {
    width: 100%;
    height: 100%;
    border: 0;
    box-sizing: border-box;
  }

  .container{
    margin-bottom: 40px;
  }