/*=========================*/
/*HEADROOM*/
/*=========================*/

.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}

.header--fixed{
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    top:0;
}