/* Spacing values that don't fit Bootstrap's default scale (max 3rem/48px).
   Kept as-is (same values/breakpoints as before) so page rhythm doesn't shift.
   Everything that DOES fit Bootstrap's scale (4/8/16/24px) uses real
   Bootstrap classes (mb-1/mb-2/mb-3/mb-4, py-1/py-2/py-3/py-4) instead. */

.mb-32 {
  margin-bottom: 32px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-16-8 {
  margin-bottom: 16px;
}

.mb-32-16 {
  margin-bottom: 32px;
}

.mb-64-32 {
  margin-bottom: 64px;
}

.spy-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.spy-32-16 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.spy-64-32 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.spy-96 {
  padding-top: 96px;
  padding-bottom: 96px;
}

.spy-128-32 {
  padding-top: 128px;
  padding-bottom: 32px;
}

.spy-128-64 {
  padding-top: 128px;
  padding-bottom: 64px;
}

.spy-128-6 {
  padding-top: 128px;
  padding-bottom: 6px;
}

@media screen and (max-width: 767px) {
  .mb-32-16 {
    margin-bottom: 16px;
  }

  .mb-64-32 {
    margin-bottom: 32px;
  }

  .spy-32-16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .spy-64-32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .spy-96 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 479px) {
  .mb-16-8 {
    margin-bottom: 8px;
  }

  .spy-96 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}