.spacer {
  width: 100%;
  display: block;
}

/* Mobile Spacing (default) */
.spacer.spacer-10 {
  height: 10px;
}

.spacer.spacer-20 {
  height: 20px;
}

.spacer.spacer-40 {
  height: 40px;
}

.spacer.spacer-60 {
  height: 60px;
}

.spacer.spacer-80 {
  height: 80px;
}

.spacer.spacer-100 {
  height: 100px;
}

/* Tablet Spacing */
@media (width >= 600px) {
  .spacer.spacer-10 {
    height: 10px;
  }

  .spacer.spacer-20 {
    height: 20px;
  }

  .spacer.spacer-40 {
    height: 40px;
  }

  .spacer.spacer-60 {
    height: 60px;
  }

  .spacer.spacer-80 {
    height: 80px;
  }

  .spacer.spacer-100 {
    height: 100px;
  }
}

/* Desktop Spacing */
@media (width >= 900px) {
  .spacer.spacer-10 {
    height: 10px;
  }

  .spacer.spacer-20 {
    height: 20px;
  }

  .spacer.spacer-40 {
    height: 40px;
  }

  .spacer.spacer-60 {
    height: 60px;
  }

  .spacer.spacer-80 {
    height: 80px;
  }

  .spacer.spacer-100 {
    height: 100px;
  }
}