html, body{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

header{
    position: fixed;
    width: 100%;
    height: 75px;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid black;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    z-index: 10;
   
}
header .logo{
    display: flex;
    align-items: center;
    width: 30%;
    height: 100%;
    margin-left: 20px;
    justify-content: center;
}
header .container {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-around;
}
header .container a {
    padding-bottom: 5px;
    color: black;
    text-decoration: none;
    font-weight: 700;
    font-size: x-large;
    font-family: "Momo Trust Display", sans-serif;
}
header .logo img {
    display: flex;
    width: 70%;
    height: auto;
}


.parallax{
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.parallax img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;      
  object-position: bottom; 
  overflow: hidden;
}
.parallax p{
  position: absolute;
  top: 20%;
  left: 35%;
  width: 100%;
  height: 100%;
  object-fit: cover;      
  object-position: bottom; 
  overflow: hidden;
  font-family: "Momo Trust Display", sans-serif;
}


#aboutUs{
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    width: 100%;
    min-height: 70vh;
    border: 3px solid black;
    align-items: center;
    justify-content: space-around;
}

#aboutUs .left{
    display: flex;
    border: 3px solid black;
    width: 40%;
    min-height: 800px;
}

#aboutUs .right{
    display: flex;
    border: 3px solid black;
    width: 50%;
    min-height: 800px;
}


@media screen and (min-aspect-ratio: 21/9) {
.parallax {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.parallax img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  object-fit: cover; /* zachowuje wypełnienie */
  object-position: center center; /* środek obrazu */
}

/* Tekst na środku góry */
.parallax p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: black;
  font-family: "Momo Trust Display", sans-serif;
  font-size: 2rem;
  text-align: center;
}
}