.overflow-hidden{overflow: hidden;}
.no-decor{text-decoration: none;}
.hidden{display: none;}
.text-center, .align-center{text-align: center;}
.inline-block{display: inline-block;}
.bold{ font-weight: bold; }
.vspace-top-xs{margin-top: calc(var(--vspace) * 1)}
.vspace-top-s{margin-top: calc(var(--vspace) * 2)}
.vspace-top-m{margin-top: calc(var(--vspace) * 6)}
.vspace-top-l{margin-top: calc(var(--vspace) * 12)}
.vspace-top-xl{margin-top: calc(var(--vspace) * 18)}
.vspace-top-xxl{margin-top: calc(var(--vspace) * 24)}

.vspacepad-top-xs{padding-top: calc(var(--vspace) * 1)}
.vspacepad-top-s{padding-top: calc(var(--vspace) * 2)}
.vspacepad-top-m{padding-top: calc(var(--vspace) * 6)}
.vspacepad-top-l{padding-top: calc(var(--vspace) * 12)}
.vspacepad-top-xl{padding-top: calc(var(--vspace) * 18)}
.vspacepad-top-xxl{padding-top: calc(var(--vspace) * 24)}

.vspace-bottom-xs{margin-bottom: calc(var(--vspace) * 1)}
.vspace-bottom-s{margin-bottom: calc(var(--vspace) * 2)}
.vspace-bottom-m{margin-bottom: calc(var(--vspace) * 6)}
.vspace-bottom-l{margin-bottom: calc(var(--vspace) * 12)}
.vspace-bottom-xl{margin-bottom: calc(var(--vspace) * 18)}
.vspace-bottom-xxl{margin-bottom: calc(var(--vspace) * 24)}

.vspacepad-bottom-xs{padding-bottom: calc(var(--vspace) * 1)}
.vspacepad-bottom-s{padding-bottom: calc(var(--vspace) * 2)}
.vspacepad-bottom-m{padding-bottom: calc(var(--vspace) * 6)}
.vspacepad-bottom-l{padding-bottom: calc(var(--vspace) * 12)}
.vspacepad-bottom-xl{padding-bottom: calc(var(--vspace) * 18)}
.vspacepad-bottom-xxl{padding-bottom: calc(var(--vspace) * 24)}


.hspace-right-xs{margin-right: calc(var(--vspace) * 1)}
.hspace-right-s{margin-right: calc(var(--vspace) * 2)}
.hspace-right-sm{margin-right: calc(var(--vspace) * 3)}
.hspace-right-m{margin-right: calc(var(--vspace) * 4)}


.hspacepad-left-xs{padding-left: calc(var(--vspace) * 1)}
.hspacepad-left-s{padding-left: calc(var(--vspace) * 2)}
.hspacepad-left-sm{padding-left: calc(var(--vspace) * 3)}
.hspacepad-left-m{padding-left: calc(var(--vspace) * 4)}

.hspacepad-right-xs{padding-right: calc(var(--vspace) * 1)}
.hspacepad-right-s{padding-right: calc(var(--vspace) * 2)}
.hspacepad-right-sm{padding-right: calc(var(--vspace) * 3)}
.hspacepad-right-m{padding-right: calc(var(--vspace) * 4)}

.boxpadding-small{padding: calc(var(--vspace) * 2)}
.boxpadding-medium{padding: 20px}


.hspace-right-s{margin-right: calc(var(--vspace) * 2)}
.absolute{position: absolute; width: 100%; top:0; left:0}
.relative{position: relative;}

.feature-boxes a { text-decoration: none; }
.feature-boxes a:hover p { color: #181818;}
.feature-boxes p { transition: color 0.1s ease-out; }

@media (min-width: 768px) {
  .hidden-sm{display: none;}
  .hide-mobile{display: initial}
  .boxpadding-sm-medium{padding: calc(var(--vspace) * 4)}
  .boxpadding-sm-large{padding: calc(var(--vspace) * 6)}
  .boxpadding-sm-xlarge{padding: calc(var(--vspace) * 8)}
}