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

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

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

.bottom-30 {
  bottom: 30%;
}

.bottom-10 {
  bottom: 10%;
}

.bottom-22 {
  bottom: 22%;
}

.object-fit-cover {
  object-fit: cover;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

.top-10 {
    top: 10%!important
}

.end-10 {
    right: 10%!important
}

.bg-red {
  background-color: #EC4948 !important;
  color: white !important;
  border-width: 0;
}

.bg-cream {
  background-color: rgb(242, 236, 227);
}

.bg-accent {
  background-color: var(--accent-colour);
}

.rotate-90 {
  transform: rotate(90deg);
}

.rotate-180 {
  transform: rotate(180deg);
}

.rotate-270 {
  transform: rotate(270deg);
}

.h-85 {
  height: 85%;
}