/**
 * Vertical spacing
 */

.top-spacing--xs {
 margin-top: 1.5rem;
}
.top-spacing--s{
 margin-top: 2rem;
}
.top-spacing--m {
 margin-top: 3rem;
}
.top-spacing--l {
 margin-top: 4rem;
}
.top-spacing--xl {
 margin-top: 4.5rem;
}
.bottom-spacing--xs {
 margin-bottom: 1.5rem;
}
.bottom-spacing--s {
 margin-bottom: 2rem;
}
.bottom-spacing--m {
 margin-bottom: 3rem;
}
.bottom-spacing--l {
 margin-bottom: 4rem;
}
.bottom-spacing--xl{
 margin-bottom: 4.5rem;
}
@media all and (min-width: 1300px) {
  .top-spacing--m {
    margin-top: 4rem;
  }
  .top-spacing--l {
    margin-top: 6rem;
  }
  .top-spacing--xl {
    margin-top: 8rem;
  }
  .bottom-spacing--m {
    margin-bottom: 4rem;
  }
  .bottom-spacing--l {
    margin-bottom: 6rem;
  }
  .bottom-spacing--xl{
    margin-bottom: 8rem;
  }
}

.top-internal-spacing--xs {
  padding-top: 1.5rem;
 }
.top-internal-spacing--s{
padding-top: 2rem;
}
.top-internal-spacing--m {
padding-top: 3rem;
}
.top-internal-spacing--l {
padding-top: 4rem;
}
.top-internal-spacing--xl {
padding-top: 4.5rem;
}
.bottom-internal-spacing--xs {
padding-bottom: 1.5rem;
}
.bottom-internal-spacing--s {
padding-bottom: 2rem;
}
.bottom-internal-spacing--m {
padding-bottom: 3rem;
}
.bottom-internal-spacing--l {
padding-bottom: 4rem;
}
.bottom-internal-spacing--xl{
padding-bottom: 4.5rem;
}
@media all and (min-width: 1300px) {
  .top-internal-spacing--m {
    padding-top: 4rem;
  }
  .top-internal-spacing--l {
    padding-top: 6rem;
  }
  .top-internal-spacing--xl {
    padding-top: 8rem;
  }
  .bottom-internal-spacing--m {
    padding-bottom: 4rem;
  }
  .bottom-internal-spacing--l {
    padding-bottom: 6rem;
  }
  .bottom-internal-spacing--xl{
    padding-bottom: 8rem;
  }
}