.headroom {
    position: fixed;
    left: 0;
    top: 0;
    transition: transform 0.2s;
    z-index: 1000;
}

.headroom--pinned {
    transform: translateY(0%);
}

.headroom--unpinned {
    transform: translateY(-100%);
}