.spacer-top-xl {
  padding-top: 20rem;
}

.spacer-bottom-xl {
  padding-bottom: 20rem;
}

.spacer-top-l {
  padding-top: 14rem;
}

.spacer-bottom-l {
  padding-bottom: 14rem;
}

.spacer-top-m {
  padding-top: 10rem;
}

.spacer-bottom-m {
  padding-bottom: 10rem;
}

.spacer-top-s {
  padding-top: 8rem;
}

.spacer-bottom-s {
  padding-bottom: 8rem;
}

.spacer-top-xs {
  padding-top: 4rem;
}

.spacer-bottom-xs {
  padding-bottom: 4rem;
}

@media (max-width: 768px) {
  .spacer-top-xl {
    padding-top: 16rem;
  }

  .spacer-bottom-xl {
    padding-bottom: 16rem;
  }

  .spacer-top-l {
    padding-top: 10rem;
  }

  .spacer-bottom-l {
    padding-bottom: 10rem;
  }

  .spacer-top-m {
    padding-top: 6rem;
  }

  .spacer-bottom-m {
    padding-bottom: 6rem;
  }

  .spacer-top-s {
    padding-top: 4rem;
  }

  .spacer-bottom-s {
    padding-bottom: 4rem;
  }

  .spacer-top-xs {
    padding-top: 2rem;
  }

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