//header
.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}
header{
    position: fixed;
    z-index: 99;
    width: 100%;
}

.p-relative{
    position: relative;
}
.w-80{
    width: 80%;
}

.mh-50{
    min-height: 50%;
}

.contentStycky {
    position: sticky;
    top: 5%;
}



//header end 