@charset "UTF-8";
/*
* Info
Sass obsługuje specjalny typ selektora o nazwie placeholders. 
Symbole zastępcze wyglądają jak klasy, z wyjątkiem tego, że kropka jest zamieniana na znak %. 
Charakterystyczną cechą symboli zastępczych Sass jest to, że nie są renderowane w arkuszu stylów wyników.

W rzeczywistości mogą one zostać rozszerzone za pomocą dyrektywy @extend.

Przykład:

%message {
    padding: 0.5em;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: bold;
}

.message-error {
    @extend %message;
    color: red;
}


*/
.section-invite {
  margin-bottom: calc(var(--bw__sizer) * 90); }
  @media (max-width: 1199px) {
    .section-invite {
      margin-bottom: 0; } }
  @media (max-width: 575px) {
    .section-invite {
      margin-bottom: calc(var(--bw__sizer) * 30); } }
  @media (max-width: 467px) {
    .section-invite {
      margin-bottom: 0; } }
  .section-invite__content {
    margin-top: calc(var(--bw__sizer) * 50); }
    @media (max-width: 1199px) {
      .section-invite__content {
        margin-top: calc(var(--bw__sizer) * 40); } }
    @media (max-width: 767px) {
      .section-invite__content {
        margin-top: calc(var(--bw__sizer) * 30); } }
  @media (max-width: 1199px) {
    .section-invite__text {
      padding: 0 calc(var(--bw__sizer) * 40); } }
  @media (max-width: 767px) {
    .section-invite__text {
      padding: 0 calc(var(--bw__sizer) * 30); } }
  @media (max-width: 575px) {
    .section-invite__text {
      padding: 0 calc(var(--bw__sizer) * 20) 0 calc(var(--bw__sizer) * 25); } }
  .section-invite__title {
    margin-bottom: calc(var(--bw__sizer) * 40);
    padding-right: calc(var(--bw__sizer) * 70); }
    @media (max-width: 1599px) {
      .section-invite__title {
        padding-right: 0; } }
    @media (max-width: 767px) {
      .section-invite__title {
        margin-bottom: calc(var(--bw__sizer) * 30); } }
  .section-invite__description {
    padding-right: calc(var(--bw__sizer) * 70); }
    @media (max-width: 1599px) {
      .section-invite__description {
        padding-right: 0; } }
    .section-invite__description strong {
      font-weight: 500; }
    .section-invite__description p {
      margin-bottom: calc(var(--bw__sizer) * 20); }
      @media (max-width: 767px) {
        .section-invite__description p {
          margin-bottom: calc(var(--bw__sizer) * 15); } }
  @media (max-width: 1199px) {
    .section-invite__images {
      padding: 0;
      margin-top: calc(var(--bw__sizer) * 20); } }
  @media (max-width: 767px) {
    .section-invite__images {
      margin-top: calc(var(--bw__sizer) * 10); } }
  @media (max-width: 467px) {
    .section-invite__images {
      flex-wrap: wrap; } }
  .section-invite__image {
    width: 100%;
    height: calc(var(--bw__sizer) * 700);
    position: relative; }
    @media (max-width: 1199px) {
      .section-invite__image {
        height: calc(var(--bw__sizer) * 500); } }
    @media (max-width: 575px) {
      .section-invite__image {
        width: 80%; } }
    @media (max-width: 359px) {
      .section-invite__image {
        width: 100%;
        height: calc(var(--bw__sizer) * 400); } }
    .section-invite__image::before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 30%;
      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
      z-index: 1; }
    .section-invite__image img {
      object-fit: cover;
      object-position: top;
      width: 100%;
      height: 100%; }
    .section-invite__image .image__text {
      position: absolute;
      left: calc(var(--bw__sizer) * 30);
      bottom: calc(var(--bw__sizer) * 25);
      z-index: 2; }
      .section-invite__image .image__text span {
        font-size: calc(var(--bw__text-sizer) * 1.875); }
        @media (max-width: 1919px) {
          .section-invite__image .image__text span {
            font-size: calc(var(--bw__text-sizer) * 1.75); } }
        @media (max-width: 1365px) {
          .section-invite__image .image__text span {
            font-size: calc(var(--bw__text-sizer) * 1.5); } }
        @media (max-width: 991px) {
          .section-invite__image .image__text span {
            font-size: calc(var(--bw__text-sizer) * 1.25); } }
        @media (max-width: 575px) {
          .section-invite__image .image__text span {
            font-size: calc(var(--bw__text-sizer) * 1.125); } }
        @media (max-width: 359px) {
          .section-invite__image .image__text span {
            font-size: calc(var(--bw__text-sizer) * 0.9375); } }


/*# sourceMappingURL=SectionInvite.css.map*/