
/**
 * Vertical spacing
 */
 .top-spacing--xs {
  margin-top: .33rem;
 }
 .top-spacing--s {
  margin-top: .66rem;
 }
 .top-spacing--m {
  margin-top: 1rem;
 }
 .top-spacing--l,
 .top-spacing--xl,
 .top-spacing--xxl {
  margin-top: 1.5rem;
 }
 @media all and (min-width: 750px) {
   .top-spacing--xl {
     margin-top: 3rem;
   }
   .top-spacing--xxl {
     margin-top: 6rem;
   }
 }
 .bottom-spacing--xs {
  margin-bottom: .33rem;
 }
 .bottom-spacing--s {
  margin-bottom: .66rem;
 }
 .bottom-spacing--m {
  margin-bottom: 1rem;
 }
 .bottom-spacing--l,
 .bottom-spacing--xl,
 .bottom-spacing--xxl {
  margin-bottom: 1.5rem;
 }
 @media all and (min-width: 750px) {
   .bottom-spacing--xl {
     margin-bottom: 3rem;
   }
   .bottom-spacing--xxl {
     margin-bottom: 6rem;
   }
 }
 /**
  * Vertical internal spacing
  */
 .top-internal-spacing--xs {
  padding-top: .33rem;
 }
 .top-internal-spacing--s {
  padding-top: .66rem;
 }
 .top-internal-spacing--m {
  padding-top: 1rem;
 }
 .top-internal-spacing--l,
 .top-internal-spacing--xl,
 .top-internal-spacing--xxl {
  padding-top: 1.5rem;
 }
 @media all and (min-width: 750px) {
   .top-internal-spacing--xl {
     padding-top: 3rem;
   }
   .top-internal-spacing--xxl {
     padding-top: 6rem;
   }
 }
 .bottom-internal-spacing--xs {
  padding-bottom: .33rem;
 }
 .bottom-internal-spacing--s {
  padding-bottom: .66rem;
 }
 .bottom-internal-spacing--m {
  padding-bottom: 1rem;
 }
 .bottom-internal-spacing--l,
 .bottom-internal-spacing--xl,
 .bottom-internal-spacing--xxl {
  padding-bottom: 1.5rem;
 }
 @media all and (min-width: 750px) {
   .bottom-internal-spacing--xl {
     padding-bottom: 3rem;
   }
   .bottom-internal-spacing--xxl {
     padding-bottom: 6rem;
   }
 }
