/*
#footer {
    bottom: 0px;
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}
#content-holder {
    padding-bottom: 200px;
}
@media (max-width:540px) {


}
*/

header:after {
    pointer-events: none;
    transition: 200ms all;
    opacity: 0;
    content: "";
    position: absolute;
    z-index: 2;
    left: 0px;
    right: 0px;
    top: 100%;
    width: 100%;
    height: 50px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#090909+0,090909+100&0.65+0,0+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.65) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.65) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6090909', endColorstr='#00090909',GradientType=0 ); /* IE6-9 */
}
.dark-mode header:after {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#090909+0,090909+100&0.65+0,0+100 */
    background: -moz-linear-gradient(top,  rgba(9,9,9,0.65) 0%, rgba(9,9,9,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(9,9,9,0.65) 0%,rgba(9,9,9,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(9,9,9,0.65) 0%,rgba(9,9,9,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6090909', endColorstr='#00090909',GradientType=0 ); /* IE6-9 */
}
header.nav-up:after {
    opacity: 1;
    height: 80px;
}
header.nav-up {
}