/**
 * Main header
 */
.main-header {
    text-decoration: none;
    border-bottom: 2px solid #222;
}
.main-header .navbar {
    padding: 0.5em 0.5em 0.5em;
}
.main-header .navbar-brand {
    margin: 0 1em 0 0;
}

.main-header .shorten-username {
    text-overflow: '…)';
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    max-width: 70vw;
}

@media (min-width: 768px) {
    .main-header .shorten-username {
        max-width: 5vw;
    }
}