/**
 * Vertical spacing
 */

.top-spacing--xs {
  margin-top: 1rem;
 }
 .top-spacing--s {
  margin-top: 2rem;
 }
 .top-spacing--m {
  margin-top: 3rem;
 }
 .top-spacing--l {
  margin-top: 4rem;
 }
 .top-spacing--xl {
  margin-top: 5.5rem;
 }
 .bottom-spacing--xs {
  margin-bottom: 1rem;
 }
 .bottom-spacing--s {
  margin-bottom: 2rem;
 }
 .bottom-spacing--m {
  margin-bottom: 3rem;
 }
 .bottom-spacing--l {
  margin-bottom: 4rem;
 }
 .bottom-spacing--xl {
  margin-bottom: 5.5rem;
 }
@media all and (min-width: 1000px) {
  .top-spacing--xs {
    margin-top: 2rem; /* 32px */
   }
   .top-spacing--s {
    margin-top: 3rem; /* 48px */
   }
   .top-spacing--m {
    margin-top: 4rem; /* 64px */
   }
   .top-spacing--l {
    margin-top: 5.5rem; /* 88px */
   }
   .top-spacing--xl {
    margin-top: 8rem; /* 128px */
   }
   .bottom-spacing--xs {
    margin-bottom: 2rem;
   }
   .bottom-spacing--s {
    margin-bottom: 3rem;
   }
   .bottom-spacing--m {
    margin-bottom: 4rem;
   }
   .bottom-spacing--l {
    margin-bottom: 5.5rem;
   }
   .bottom-spacing--xl {
    margin-bottom: 8rem;
   }
}


.top-internal-spacing--xs {
  padding-top: 1rem;
 }
 .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: 5.5rem;
 }
 .bottom-internal-spacing--xs {
  padding-bottom: 1rem;
 }
 .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: 5.5rem;
 }
@media all and (min-width: 1000px) {
  .top-internal-spacing--xs {
    padding-top: 2rem;
   }
   .top-internal-spacing--s{
    padding-top: 3rem;
   }
   .top-internal-spacing--m {
    padding-top: 4rem;
   }
   .top-internal-spacing--l {
    padding-top: 5.5rem;
   }
   .top-internal-spacing--xl {
    padding-top: 8rem;
   }
   .bottom-internal-spacing--xs {
    padding-bottom: 2rem;
   }
   .bottom-internal-spacing--s {
    padding-bottom: 3rem;
   }
   .bottom-internal-spacing--m {
    padding-bottom: 4rem;
   }
   .bottom-internal-spacing--l {
    padding-bottom: 5.5rem;
   }
   .bottom-internal-spacing--xl{
    padding-bottom: 8rem;
   }
}