.background_section {
  position: relative;
}
.background_section::before {
  content: "";
  background: inherit;
  width: 100vw;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 100%;
}
.background_section > * {
  position: relative;
}

.responsive-flex-row-to-col {
  display: flex;
  flex-direction: row;
}
@media (max-width: 800px) {
  .responsive-flex-row-to-col {
    flex-direction: column;
  }
}

.responsive-flex-col-to-row {
  display: flex;
  flex-direction: column;
}
@media (max-width: 800px) {
  .responsive-flex-col-to-row {
    flex-direction: row;
  }
}

.responsive-flex-row-to-col-reverse {
  display: flex;
  flex-direction: row;
}
@media (max-width: 800px) {
  .responsive-flex-row-to-col-reverse {
    flex-direction: column-reverse;
  }
}

.responsive-flex-col-to-row-reverse {
  display: flex;
  flex-direction: column;
}
@media (max-width: 800px) {
  .responsive-flex-col-to-row-reverse {
    flex-direction: row-reverse;
  }
}

.min-width-25 {
  min-width: 25%;
}

.min-width-33 {
  min-width: 33%;
}

.min-width-50 {
  min-width: 50%;
}

.min-width-66 {
  min-width: 66%;
}

.min-width-75 {
  min-width: 75%;
}

.min-width-100 {
  min-width: 100%;
}

.padding-inline-1 {
  padding-inline: 1rem;
}

.padding-inline-2 {
  padding-inline: 2rem;
}

.padding-block-1 {
  padding-block: 1rem;
}

.padding-block-2 {
  padding-block: 2rem;
}

.padding-block-3 {
  padding-block: 3rem;
}

.padding-bottom-1 {
  padding-bottom: 1rem;
}

.padding-bottom-2 {
  padding-bottom: 2rem;
}

.padding-bottom-7 {
  padding-bottom: 7rem;
}

.z-index-1 {
  z-index: 1;
}

.no-margin,
.nomargin,
.no-margin *,
.nomargin * {
  margin: 0;
}

.no-padding,
.nopadding,
.no-padding *,
.nopadding * {
  padding: 0;
}

@media (min-width: 800px) {
  .mobile {
    display: none !important;
  }
}

@media (max-width: 800px) {
  .desktop {
    display: none !important;
  }
}

.comma-separator::after {
  content: ",";
}

.dot-separator::after {
  content: ".";
}

.dash-separator::after {
  content: "-";
}

.pipe-separator::after {
  content: "|";
}

.slash-separator::after {
  content: "/";
}

.position-relative {
  position: relative;
}

.display-none {
  display: none;
}

.overflow-x-auto {
  overflow-x: auto;
}

.text-bold,
.bold {
  font-weight: bold;
}

.text-underline {
  text-decoration: underline;
}

.text-uppercase {
  text-transform: uppercase;
}/*# sourceMappingURL=layout.css.map */