#nav-wrap {
    position: relative
    }
#nav-universal {
    background: #000;
    z-index: 100;
    height: 42px;
    color: #666;
    -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1)
    }
#nav-universal .unit {
    padding: 0
    }
#nav-universal #wordmark {
    height: 25px;
    width: auto;
    position: relative;
    top: 0;
    margin-right: 15px
    }
/*.home #nav-universal #wordmark { display: none; }*/
#nav-universal .ff-nav {
    padding: 0;
    margin: 0;
    font-size: 16px
    }
#nav-universal .ff-nav li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    position: relative
    }
#nav-universal .ff-nav li a {
    color: #888;
    display: block;
    text-decoration: none
    }
#nav-universal .ff-nav li.active a {
    color: #fff
    }
#nav-universal .ff-nav li i {
    margin-right: 2px;
    font-size: 14px
    }
#nav-universal .ff-nav li a:hover {
    color: #fff
    }
#nav-universal .ff-nav li a.btn {
    margin-top: 0
    }
#nav-universal .align-left .ff-nav li {
    margin: 10px 0 0 0
    }
#nav-universal .align-right .ff-nav li {
    margin: 10px 0 0 20px
    }
#nav-universal .align-right .ff-nav li.user {
    margin-top: 0;
    margin-left: 5px;
    padding-top: 0;
    position: relative;
    left: 5px;
    top: -1px
    }
#nav-universal .align-right .ff-nav li.user:hover {
    background:   #111
    }
#nav-universal .ff-nav .user img {
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0;
    float: left;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
    }
#nav-universal .ff-nav .user {
    padding: 10px 0 9px 10px
    }
#nav-universal .ff-nav .user:hover {
    background: #111
    }
#nav-universal .ff-nav-logo {
    display: inline-block;
    float: left
    }
#nav-universal .ff-nav-nav {
    display: inline-block;
    float: right
    }
#nav-universal .ff-nav li div {
    background: #111;
    text-align: left;
    display: none;
    z-index: 10;
    position: absolute;
    top: 44px;
    left: 0;
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
    }
#nav-universal .ff-nav li div.user-settings-menu {
    width: 150px;
    text-align: right;
    left: auto;
    right: 0
    }
#nav-universal .ff-nav li div ul {
    padding: 0 0 5px 0;
    margin: 0 0 0 0;
    list-style: none
    }
#nav-universal .ff-nav li div li {
    padding: 0;
    margin: 0 !important;
    display: block
    }
#nav-universal .ff-nav li div li a {
    padding: 5px 10px
    }
#nav-universal .ff-nav li div li a:hover {
    background: #222
    }
#nav-universal .ff-nav li:hover div {
    display: block
    }
#nav-universal .btn {
    background: none;
    padding: 5px 10px !important
    }
#nav-user {
    background: none;
    height: 60px;
    color: #222
    }
/*
.bucket-list #nav-user,
.tributes #nav-user,
.memory-box #nav-user,
.funeral-wishes #nav-user,
.safe-deposit-box #nav-user { top: 120px; }
*/
#nav-user .ff-nav {
    padding: 0;
    margin: 12px 22px 0 0;
    font-size: 14px;
    line-height: 18px;
    text-align: left
    }
#nav-user p {
    margin: 18px 24px 0 0;
    font-size: 16px
    }
#nav-user .ff-nav li {
    padding: 0;
    margin: 0 24px 0 0;
    list-style: none;
    display: inline-block;
    position: relative
    }
#nav-user .ff-nav li a {
    color: #999;
    display: block;
    text-decoration: none
    }
#nav-user .ff-nav li.active a {
    color: #222
    }
#nav-user .ff-nav li.ff-nav-user {
    margin: 0 24px 0 0
    }
#nav-user .ff-nav li.ff-nav-user img {
    width: 36px;
    height: 36px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
    }
#nav-user .ff-nav li i {
    margin-right: 2px;
    font-size: 14px
    }
#nav-user .ff-nav li a:hover {
    color: #222
    }
#nav-user .ff-nav li a.btn {
    margin-top: 0
    }
.bucket-list #nav-user .align-right .ff-nav li, .tributes #nav-user .align-right .ff-nav li, .memory-box #nav-user .align-right .ff-nav li, .funeral-wishes #nav-user .align-right .ff-nav li, .safe-deposit-box #nav-user .align-right .ff-nav li {
    margin-right: 17px
    }
#nav-user .align-right .ff-nav li.user {
    margin-top: 0;
    margin-left: 5px;
    padding-top: 11px;
    position: relative;
    left: 5px
    }
#nav-user .align-right .ff-nav li.user:hover {
    background:   #111
    }
#nav-user .ff-nav .user img {
    width: 24px;
    height: 24px;
    margin: 0 8px 0 0;
    float: left;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
    }
#nav-user .ff-nav .user {
    padding: 10px 0 9px 10px
    }
#nav-user .ff-nav .user:hover {
    background: #111
    }
@media screen and (max-width: 600px) {
    #nav-universal .align-left {
        width: 20% !important;
        float: left;
        overflow: hidden
        }
    #nav-universal .align-right {
        width: 80% !important;
        float: right
        }
    #nav-universal .align-left .ff-nav {
        margin-left: 5px
        }
    #nav-universal .align-right .ff-nav {
        margin-right: 5px
        }
    #nav-universal .align-left .ff-nav li {
        margin: 11px 0 0 0
        }
    #nav-universal .align-right .ff-nav li {
        margin: 6px 0 0 10px
        }
    }