.parallax-keret {
  filter: drop-shadow(2px 6px 4px white) drop-shadow(0px 0px 7px var(--bs-info));
}

.parallax {
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: relative;
  /*padding-top: 100px;*/
  height: 100vh;
}

@media (min-width: 300px) and (max-width: 992px) {
  .parallax {
    height: 425px;
  }
}

.informacios-sav .thermosol_logo {
  width: 260px;
  height: auto;
  /*margin: 20px;*/
  /*padding: 0.25rem;*/
  /*background-color: #fff;*/
  border: 2px solid #33349b;
  /*border-radius: 0.25rem;*/
  max-width: 100%;
}

.parallax h1 {
  /*padding: 75px 10px 0px;*/
  text-align: center;
  color: var(--bs-light);
}

.parallax h2 {
  padding: 5px 10px;
  text-align: center;
  color: var(--bs-light);
}

.parallax-background {
  width: 0px;
  height: auto;
  display: none;
  margin-top: 10px;
}

@media (min-width: 300px) {
  .parallax-background, .parallax-placeholder {
    filter: brightness(45%);
  }
}

@media (min-width: 1200px) {
  .parallax-background, .parallax-placeholder {
    filter: brightness(75%);
  }
}

.parallax-placeholder {
  position: absolute;
  z-index: -200;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 65% 80%;
  background-image: url('../../assets/img/placeholder-video.jpg?h=804645f15d8ab4ae8c20951203f45d04');
}

@media (min-width: 300px) and (max-width: 991px) {
  .parallax-placeholder {
    background-image: url('../../assets/img/placeholder.jpg?h=417e11abe6f554a9fb882721657f635f');
  }
}

@media (min-width: 300px) {
  .parallax {
    clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 60% 80%, 20% 100%, 20% 80%, 0 80%);
    /*height: 390px;*/
  }
}

@media (min-width: 768px) {
  .parallax {
    clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 45% 80%, 20% 100%, 20% 80%, 0 80%);
    /*height: 560px;*/
  }
}

@media (min-width: 992px) {
  .parallax {
    clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 30% 85%, 20% 100%, 20% 85%, 0 85%);
    /*height: 695px;*/
  }
}

@media (min-width: 300px) and (max-width: 991px) {
  .parallax h1 {
    padding: 0px 10px 0px 10px;
  }
}

@media (min-width: 992px) {
  .parallax h1 {
    padding: 5px 10px 15px 10px;
  }
}