/* === Packit Spacing === */

/* Basis horizontale padding */
.sp-s, .sp-m, .sp-l, .sp-xl {
  padding-left: 15px;
  padding-right: 15px;
}

/* Spacing S */
.sp-s { margin-bottom: 32px; }
@media (min-width: 768px) { .sp-s { margin-bottom: 48px; } }
@media (min-width: 1025px) { .sp-s { margin-bottom: 64px; } }

/* Spacing M */
.sp-m { margin-bottom: 60px; }
@media (min-width: 768px) { .sp-m { margin-bottom: 100px; } }
@media (min-width: 1025px) { .sp-m { margin-bottom: 140px; } }

/* Spacing L */
.sp-l { margin-bottom: 60px; }
@media (min-width: 768px) { .sp-l { margin-bottom: 80px; } }
@media (min-width: 1025px) { .sp-l { margin-bottom: 170px; } }

/* Spacing XL */
.sp-xl { margin-bottom: 80px; }
@media (min-width: 768px) { .sp-xl { margin-bottom: 140px; } }
@media (min-width: 1025px) { .sp-xl { margin-bottom: 200px; } }

/* Full width secties */
.full {
  padding-left: 0;
  padding-right: 0;
}