.header-bar {
    background-color: rgba(156, 0, 14, 0.7);
    padding: 5px 0;
}

.header-bar-logo {
    font-size: 32px;
    color: #fff;
}

.header-bar-logo:hover {
    color: #fff;
    text-decoration: none;
    opacity: 0.8;
}

.header-bar-menu {
    float: right;
    margin: 3px 0 0 0;
}

.header-bar-menu li {
    display: inline-block;
    float: right;
}

.header-bar-menu a {
    display: inline-block;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

.header-bar-menu a:hover {
    opacity: 0.8;
}

.header-bar-menu-trigger {
    float: right;
    font-size: 28px;
    padding: 10px 15px;
    display: inline-block;
    color: #fff;
    margin: -5px -15px -10px;
}