nav.signout-nav {
    margin: 0;
    padding: .925em 0;
}

@media only screen and (max-width: 1068px) {
    nav.signout-nav .grid {
        padding: 0 16px;
        width: 100%;
        max-width: initial;
    }
}

nav.signout-nav ul {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    justify-content: flex-end;
    line-height: 1;
    font-size: 0;
}

@media only screen and (max-width: 734px) {
    nav.signout-nav ul {
        justify-content: space-between;
    }
}

nav.signout-nav ul > li {
    font-size: 13px;
    display: inline-block;
}

nav.signout-nav ul > li:not(:first-child) {
    border-left: 1px solid rgba(153, 153, 153, .4);
    padding-left: .85em;
}

nav.signout-nav ul > li:not(:last-child) {
    padding-right: .85em;
}

nav.signout-nav ul > li:last-child {
    text-transform: capitalize;
}

@media only screen and (max-width: 734px) {
    nav.signout-nav ul > li {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border: none !important;
    }

    nav.signout-nav ul > li:first-child {
        max-width: 216px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

nav.signout-nav.signout-nav-float {
    position: absolute;
    width: 100%;
    z-index: 2;
}