.p-5 {
    padding:calc(var(--spacing) * 5)
}
.pt-4 {
  padding-top:calc(var(--spacing) * 4)
 }
.pt-5 {
  padding-top:calc(var(--spacing) * 5)
}
.pt-6 {
  padding-top:calc(var(--spacing) * 6)
}
.pt-8 {
  padding-top:calc(var(--spacing) * 8)
}
/* Apply padding-top only to screens smaller than 576px (phones) */
@media (max-width: 575.98px) {
    .phone-pt-5 {
        padding-top:calc(var(--spacing) * 5)
    }
}