.navbar {
    background-color: var(--graphite);
    box-shadow: 0px 1px 4px black;
    box-sizing: border-box;
    overflow: hidden;

    color: var(--ash-white);

    height: 50px;
}

.navbar-box-a {
    height: 50px;
}

.navbar-box-b {
    height: 50px;
    overflow: hidden;
}

.navbar-box-c {
    height: 50px;
}

.navbar-item,
.navbar-item:link,
.navbar-item:visited {
    display: inline-block;
    background-position: bottom;
    border-style: none;
    box-sizing: border-box;

    color: var(--ash-white);
    line-height: 50px;

    height: 50px;
}

.navbar-item:active,
.navbar-item:focus,
.navbar-item:hover {
    color: var(--ash-gray);
    background-position: top;
}

.navbar-logo:link,
.navbar-logo:visited {
    background-image: url("../img/logo.svg");
    border-style: none;
    width: 160px;
}

.navbar-menu {
    padding-right: 10px;
}

.navbar-primary-menu-btn {
    background-image: url("../img/primary-menu-btn.svg");
    width: 40px;
}