header nav {
    background-color: black;
}

header nav.large {
    padding: 20px 16px;
    background-color: transparent;
    /*background-color: black;*/
}

header nav .nav-item a.nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
}

.menu-move-down {
    position: relative;
    animation-duration: 500ms  ;

    -webkit-animation-name: moveUpDown;
    -moz-animation-name: moveUpDown;
    -o-animation-name: moveUpDown;
    animation-name: moveUpDown;
}

@keyframes moveUpDown {
    from {
        padding: 8px 16px;
    }
    to {
        padding: 20px 16px;
        background-color: transparent
    }
}

.menu-move-up {
    position: relative;
    animation-duration: 500ms  ;

    -webkit-animation-name: moveDownUp;
    -moz-animation-name: moveDownUp;
    -o-animation-name: moveDownUp;
    animation-name: moveDownUp;
}

@keyframes moveDownUp {
    from {
        padding: 20px 16px
    }
    to {
        padding: 8px 16px;
        background-color: black
    }
}