html body section.home-collage {
  position: relative;
  width: 100%;
}
html body section.home-collage.boxed .home-collage__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}
html body section.home-collage:not(.boxed) .home-collage__inner {
  width: 100%;
  padding: 0 24px;
}
html body section.home-collage .home-collage__inner {
  position: relative;
  min-height: 600px;
}
html body section.home-collage .collage-item {
  position: absolute;
  display: block;
  will-change: transform;
  transform: translate(calc(var(--offset-x, 0px)), calc(var(--offset-y, 0px))) rotate(var(--rotate, 0deg)) scale(var(--scale, 1));
}
html body section.home-collage .collage-item img {
  display: block;
  max-width: 100%;
  height: auto;
}
html body section.home-collage .collage-item.size-xs {
  width: 160px;
}
html body section.home-collage .collage-item.size-sm {
  width: 220px;
}
html body section.home-collage .collage-item.size-md {
  width: 320px;
}
html body section.home-collage .collage-item.size-lg {
  width: 420px;
}
html body section.home-collage .collage-item.size-xl {
  width: 620px;
}
html body section.home-collage .collage-item.align-left {
  left: 0;
}
html body section.home-collage .collage-item.align-center {
  left: 50%;
}
html body section.home-collage .collage-item.align-right {
  right: 0;
}
html body section.home-collage .collage-item.align-free {
  left: auto;
  right: auto;
}
html body section.home-collage .collage-item.shadow-none {
  box-shadow: none;
}
html body section.home-collage .collage-item.shadow-soft {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}
html body section.home-collage .collage-item.shadow-hard {
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.25);
}

@media (max-width: 1024px) and (min-width: 769px) {
  section.home-collage .collage-item {
    transform: translate(calc(var(--offset-x, 0px) * 0.8), calc(var(--offset-y, 0px) * 0.8)) rotate(var(--rotate, 0deg)) scale(var(--scale, 1));
  }
  section.home-collage .collage-item.size-xs {
    width: 140px;
  }
  section.home-collage .collage-item.size-sm {
    width: 190px;
  }
  section.home-collage .collage-item.size-md {
    width: 280px;
  }
  section.home-collage .collage-item.size-lg {
    width: 360px;
  }
  section.home-collage .collage-item.size-xl {
    width: 520px;
  }
}
@media (max-width: 768px) and (min-width: 585px) {
  html body div.nav .logo img {
    width: 160px;
  }
  html body section.home-collage .collage-item {
    transform: translate(calc(var(--offset-x, 0px) * 0.6), calc(var(--offset-y, 0px) * 0.6)) rotate(var(--rotate, 0deg)) scale(var(--scale, 1));
  }
  html body section.home-collage .collage-item.size-xs {
    width: 120px;
  }
  html body section.home-collage .collage-item.size-sm {
    width: 150px;
  }
  html body section.home-collage .collage-item.size-md {
    width: 190px;
  }
  html body section.home-collage .collage-item.size-lg {
    width: 240px;
  }
  html body section.home-collage .collage-item.size-xl {
    width: 340px;
  }
}
@media (max-width: 584px) {
  .home-collage__inner {
    display: block;
    min-height: auto;
  }
  .collage-item {
    position: static !important;
    width: 100% !important;
    transform: none !important;
    margin-bottom: 24px;
    z-index: auto;
  }
  .collage-item img {
    width: 100%;
    height: auto;
  }
}

/*# sourceMappingURL=home-collage.css.map */