@charset "utf-8";
.fixed-nav-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 3rem;
    font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
    font-weight:100;
    background: rgba(0,0,0,0.3);
    color: white;
    transition: .6s background;
}

.fixed-nav-bar li {
    line-height: 1rem;
}

/** menu **/

.menu {
    position: fixed;
    top: 0;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0;
    height: 3em;
}

.menu li {
    padding: 0;
    position: relative;
    display: inline-block; /*safety*/
    float: left;
}

.menu li:hover > .drop-down {
    visibility: visible;
    opacity: 1;
}

/**drop-down menu**/

.drop-down {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 3em;
    left: 0;
    width: 200%;
    background: rgba(0,0,0,0.3);
    color: white;
    -webkit-transition-property: visibility, background;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: 0s;
    transition-property: opacity, visibility, background;
    transition-duration: 1s;
    transition-timing-function: linear;
    transition-delay: 0s;
}

.drop-down li {
    display: block;
    text-align: left;
    background: rgba(0,0,0,1);
    float: none;
    line-height: 3rem;
}

.drop-down li:hover{
    background: #404040;
}

.drop-down li:last-child {
    border-bottom: none;
}

.drop-down li a {
    margin: 0;
    padding: 0 0 0 1rem;
    background: transparent;
}