:root {
  --space-multiplicator: 50px ;
}

.space-top-1 {
  padding-top: calc(var(--space-multiplicator) / 3);
}

.space-bottom-1 {
  padding-bottom: calc(var(--space-multiplicator) / 3);
}

.space-top-2 {
  padding-top: calc(var(--space-multiplicator) / 2);
}

.space-bottom-2 {
  padding-bottom: calc(var(--space-multiplicator) / 2);
}

.space-top-3 {
  padding-top: calc(var(--space-multiplicator) / 0.9);
}

.space-bottom-3 {
  padding-bottom: calc(var(--space-multiplicator) / 0.9);
}

.space-top-4 {
  padding-top: calc(var(--space-multiplicator) / 0.7);
}

.space-bottom-4 {
  padding-bottom: calc(var(--space-multiplicator) / 0.7);
}

.space-top-5 {
  padding-top: calc(var(--space-multiplicator) * 1.2);
}

.space-bottom-5 {
  padding-bottom: calc(var(--space-multiplicator) * 1.2);
}

@media (min-width: 992px) {
  .space-top-1 {
    padding-top: var(--space-multiplicator);
  }

  .space-bottom-1 {
    padding-bottom: var(--space-multiplicator);
  }

  .space-top-2 {
    padding-top: calc(var(--space-multiplicator) * 2);
  }

  .space-bottom-2 {
    padding-bottom: calc(var(--space-multiplicator) * 2);
  }

  .space-top-3 {
    padding-top: calc(var(--space-multiplicator) * 3);
  }

  .space-bottom-3 {
    padding-bottom: calc(var(--space-multiplicator) * 3);
  }

  .space-top-4 {
    padding-top: calc(var(--space-multiplicator) * 4);
  }

  .space-bottom-4 {
    padding-bottom: calc(var(--space-multiplicator) * 4);
  }

  .space-top-5 {
    padding-top: calc(var(--space-multiplicator) * 5);
  }

  .space-bottom-5 {
    padding-bottom: calc(var(--space-multiplicator) * 5);
  }
}
@media (min-width: 1200px) {
  .space-top-1 {
    padding-top: calc(var(--space-multiplicator) * 2);
  }

  .space-bottom-1 {
    padding-bottom: calc(var(--space-multiplicator) * 2);
  }

  .space-top-2 {
    padding-top: calc(var(--space-multiplicator) * 3);
  }

  .space-bottom-2 {
    padding-bottom: calc(var(--space-multiplicator) * 3);
  }

  .space-top-3 {
    padding-top: calc(var(--space-multiplicator) * 4);
  }

  .space-bottom-3 {
    padding-bottom: calc(var(--space-multiplicator) * 4);
  }

  .space-top-4 {
    padding-top: calc(var(--space-multiplicator) * 5);
  }

  .space-bottom-4 {
    padding-bottom: calc(var(--space-multiplicator) * 5);
  }

  .space-top-5 {
    padding-top: calc(var(--space-multiplicator) * 6);
  }

  .space-bottom-5 {
    padding-bottom: calc(var(--space-multiplicator) * 6);
  }
}

/*# sourceMappingURL=spacing.css.map */