

.top-spacing--32 { margin-top: 16px; }
.top-spacing--64 { margin-top: 32px; }
.top-spacing--96 { margin-top: 48px; }
.top-spacing--128 { margin-top: 64px; }

.bottom-spacing--32 { margin-bottom: 16px; }
.bottom-spacing--64 { margin-bottom: 32px; }
.bottom-spacing--96 { margin-bottom: 48px; }
.bottom-spacing--128 { margin-bottom: 64px; }

.top-internal-spacing--32 { padding-top: 16px; }
.top-internal-spacing--64 { padding-top: 32px; }
.top-internal-spacing--96 { padding-top: 48px; }
.top-internal-spacing--128 { padding-top: 64px; }

.bottom-internal-spacing--32 { padding-bottom: 16px; }
.bottom-internal-spacing--64 { padding-bottom: 32px; }
.bottom-internal-spacing--96 { padding-bottom: 48px; }
.bottom-internal-spacing--128 { padding-bottom: 64px; }


@media all and (min-width: 1300px) {
  .top-spacing--32 { margin-top: 32px; }
  .top-spacing--64 { margin-top: 64px; }
  .top-spacing--96 { margin-top: 96px; }
  .top-spacing--128 { margin-top: 128px; }

  .bottom-spacing--32 { margin-bottom: 32px; }
  .bottom-spacing--64 { margin-bottom: 64px; }
  .bottom-spacing--96 { margin-bottom: 96px; }
  .bottom-spacing--128 { margin-bottom: 128px; }

  .top-internal-spacing--32 { padding-top: 32px; }
  .top-internal-spacing--64 { padding-top: 64px; }
  .top-internal-spacing--96 { padding-top: 96px; }
  .top-internal-spacing--128 { padding-top: 128px; }

  .bottom-internal-spacing--32 { padding-bottom: 32px; }
  .bottom-internal-spacing--64 { padding-bottom: 64px; }
  .bottom-internal-spacing--96 { padding-bottom: 96px; }
  .bottom-internal-spacing--128 { padding-bottom: 128px; }
}
