// Main Wrapper
.main {
    position: relative;
}

// Sections
.slice {
    position: relative;
    padding-top: $spacer * 4;
    padding-bottom: $spacer * 4;
}

.slice-xl {
    padding-top: $spacer * 8;
    padding-bottom: $spacer * 8;
}

.slice-lg {
    padding-top: $spacer * 6;
    padding-bottom: $spacer * 6;
}

.slice-sm {
    padding-top: $spacer * 2;
    padding-bottom: $spacer * 2;
}

// Offset top when navbar has absolute or fixed position
.offset-top {
    padding-top: $spacer * 4;
}

.offset-top-xl {
    padding-top: $spacer * 8;
}

.offset-top-lg {
    padding-top: $spacer * 6;
}

.offset-top-sm {
    padding-top: $spacer * 2;
}