.appMieszkaniecInfoPromotionBanner {
  background-color: #F2F5F9;
  padding: 2rem 2.8125rem 2rem 3.75rem;
  position: relative;
}
.appMieszkaniecInfoPromotionBanner:after {
  content: "";
  background-image: url(../../../images/mieszkaniec-info/banner-download.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  position: absolute;
  width: 28.8235294118vw;
  height: 16.1764705882vw;
  max-width: 490px;
  max-height: 275px;
  bottom: 0;
  right: 50%;
  pointer-events: none;
}
.appMieszkaniecInfoPromotionBanner .appMieszkaniecInfoPromotionBanner__desc {
  z-index: 1;
}
body.acc_font_small .appMieszkaniecInfoPromotionBanner .appMieszkaniecInfoPromotionBanner__desc h2 {
  font-size: calc(20px * 1);
}
@media (min-width: 320px) {
  body.acc_font_small .appMieszkaniecInfoPromotionBanner .appMieszkaniecInfoPromotionBanner__desc h2 {
    font-size: calc((8.75vw - 8px) * 1);
  }
}
@media (min-width: 400px) {
  body.acc_font_small .appMieszkaniecInfoPromotionBanner .appMieszkaniecInfoPromotionBanner__desc h2 {
    font-size: calc((3.5422343324vw + 12.8310626703px) * 1);
  }
}
@media (min-width: 767px) {
  body.acc_font_small .appMieszkaniecInfoPromotionBanner .appMieszkaniecInfoPromotionBanner__desc h2 {
    font-size: calc((-2000vw + 15380px) * 1);
  }
}
@media (min-width: 768px) {
  body.acc_font_small .appMieszkaniecInfoPromotionBanner .appMieszkaniecInfoPromotionBanner__desc h2 {
    font-size: calc((2.1482277121vw + 3.5016111708px) * 1);
  }
}
@media (min-width: 1699px) {
  body.acc_font_small .appMieszkaniecInfoPromotionBanner .appMieszkaniecInfoPromotionBanner__desc h2 {
    font-size: calc(40px * 1);
  }
}
body.acc_font_medium .appMieszkaniecInfoPromotionBanner .appMieszkaniecInfoPromotionBanner__desc h2 {
  font-size: calc(20px * 1.12);
}
@media (min-width: 320px) {
  body.acc_font_medium .appMieszkaniecInfoPromotionBanner .appMieszkaniecInfoPromotionBanner__desc h2 {
    font-size: calc((8.75vw - 8px) * 1.12);
  }
}
@media (min-width: 400px) {
  body.acc_font_medium .appMieszkaniecInfoPromotionBanner .appMieszkaniecInfoPromotionBanner__desc h2 {
    font-size: calc((3.5422343324vw + 12.8310626703px) * 1.12);
  }
}
@media (min-width: 767px) {
  body.acc_font_medium .appMieszkaniecInfoPromotionBanner .appMieszkaniecInfoPromotionBanner__desc h2 {
    font-size: calc((-2000vw + 15380px) * 1.12);
  }
}
@media (min-width: 768px) {
  body.acc_font_medium .appMieszkaniecInfoPromotionBanner .appMieszkaniecInfoPromotionBanner__desc h2 {
    font-size: calc((2.1482277121vw + 3.5016111708px) * 1.12);
  }
}
@media (min-width: 1699px) {
  body.acc_font_medium .appMieszkaniecInfoPromotionBanner .appMieszkaniecInfoPromotionBanner__desc h2 {
    font-size: calc(40px * 1.12);
  }
}
body.acc_font_big .appMieszkaniecInfoPromotionBanner .appMieszkaniecInfoPromotionBanner__desc h2 {
  font-size: calc(20px * 1.25);
}
@media (min-width: 320px) {
  body.acc_font_big .appMieszkaniecInfoPromotionBanner .appMieszkaniecInfoPromotionBanner__desc h2 {
    font-size: calc((8.75vw - 8px) * 1.25);
  }
}
@media (min-width: 400px) {
  body.acc_font_big .appMieszkaniecInfoPromotionBanner .appMieszkaniecInfoPromotionBanner__desc h2 {
    font-size: calc((3.5422343324vw + 12.8310626703px) * 1.25);
  }
}
@media (min-width: 767px) {
  body.acc_font_big .appMieszkaniecInfoPromotionBanner .appMieszkaniecInfoPromotionBanner__desc h2 {
    font-size: calc((-2000vw + 15380px) * 1.25);
  }
}
@media (min-width: 768px) {
  body.acc_font_big .appMieszkaniecInfoPromotionBanner .appMieszkaniecInfoPromotionBanner__desc h2 {
    font-size: calc((2.1482277121vw + 3.5016111708px) * 1.25);
  }
}
@media (min-width: 1699px) {
  body.acc_font_big .appMieszkaniecInfoPromotionBanner .appMieszkaniecInfoPromotionBanner__desc h2 {
    font-size: calc(40px * 1.25);
  }
}
.appMieszkaniecInfoPromotionBanner .btn {
  margin-top: 0.625rem;
}

.appMieszkaniecInfoPromotionBanner__images {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  max-width: 470px;
  gap: 4%;
}
.appMieszkaniecInfoPromotionBanner__images .appMieszkaniecInfoPromotionBanner__item img,
.appMieszkaniecInfoPromotionBanner__images .appMieszkaniecInfoPromotionBanner__item a {
  display: block;
}
.appMieszkaniecInfoPromotionBanner__images .appMieszkaniecInfoPromotionBanner__item--qr {
  width: 39%;
}
.appMieszkaniecInfoPromotionBanner__images .appMieszkaniecInfoPromotionBanner__item--links {
  width: 57%;
  display: flex;
  flex-direction: column;
  gap: 8%;
}

@media (min-width: 768px) {
  .appMieszkaniecInfoPromotionBanner::after {
    width: 30vw;
    max-width: 510px;
    height: 16.7647058824vw;
    max-height: 285px;
    right: clamp(0px, 30vw, 510px);
  }
  .appMieszkaniecInfoPromotionBanner .btn {
    margin-top: 1.25rem;
    min-width: 15rem;
  }
  .appMieszkaniecInfoPromotionBanner__right {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .appMieszkaniecInfoPromotionBanner__images {
    width: 27.6470588235vw;
    max-width: 470px;
  }
  .appMieszkaniecInfoPromotionBanner__item img {
    transition: opacity 0.3s ease-out;
  }
  .appMieszkaniecInfoPromotionBanner__item a:hover img {
    opacity: 0.6;
  }
}
@media (max-width: 767px) {
  .appMieszkaniecInfoPromotionBanner {
    padding: 1.5625rem 0.625rem 0 1.25rem;
    flex-wrap: wrap;
  }
  .appMieszkaniecInfoPromotionBanner::after {
    position: relative;
    width: 82vw;
    height: 54vw;
    right: auto;
    margin: 0 auto;
  }
  .appMieszkaniecInfoPromotionBanner .appMieszkaniecInfoPromotionBanner__desc {
    margin-bottom: clamp(30px, 6.5104166667vw, 40px);
  }
  .appMieszkaniecInfoPromotionBanner .appMieszkaniecInfoPromotionBanner__right {
    margin: 0 auto clamp(30px, 6.5104166667vw, 40px) auto;
  }
}/*# sourceMappingURL=app_mieszkaniec_info_promotion_banner.css.map */