.headroom {
    position: fixed;
    width: 100%;
    will-change: transform;
    transition: transform 350ms linear !important;
    z-index: 1000;

}


.headroom--unpinned {
    transform: translateY(-175%) !important;
}

.headroom--pinned {
    transform: translateY(0%) !important;
    -webkit-box-shadow: 0px 6px 18px -3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 6px 18px -3px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 6px 18px -3px rgba(0, 0, 0, 0.4);
}