.navbar {
    background-color: rgba(0,0,0,0.7);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.10);
}

.navbar-menu {
    background-color: initial;
}

.navbar-burger {
    color:white;
    transition:200ms;
}

.navbar-brand {
    font-family: monospace;
}

.navbar-item {
    color:#b4b6c2;
    transition: 200ms;
}

a.navbar-item:hover,
.navbar-item:hover {
    color:orange;
}

.navbar-menu a {
    color: white;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 14px;
    transition:200ms;
}

.navbar-burger:hover,
.navbar-menu a:hover {
    color: orange;
}

@media screen and (min-width: 1088px) {
    #cv-button {
        border-left: 1px solid #333;
    }
    .navbar-item.is-tab {
        padding: 0;
    }
    .navbar-item.is-tab a {
        padding-left:1rem;
        padding-right:1rem;
        display:block;
        height:100%;
        width:100%;
        line-height: 3.3rem;
    }
    .navbar-item.is-tab:after {
        content:'';
        height: 3px;
        width: 100%;
        position:absolute;
        bottom:-3px;
        left:0;
        transition:500ms;
    }

    .navbar-item.is-tab:hover:after {
        background-color:orange;
    }
}

@media screen and (max-width: 1087px) {
    .navbar-item.is-tab {
        padding-top: 0;
        padding-bottom: 0;
        min-height: auto;
        border-bottom: 0;
    }
    .navbar-menu {
        display:block;
        height: 0px;
        overflow: hidden;
        padding: 0;
        transition: 300ms;
    }
    .navbar-menu.is-active {
        height: 12.5rem;
        padding: .5rem 0;
    }
    .navbar-item a {
        padding-left:1rem;
        padding-right:1rem;
        display:block;
        height:100%;
        width:100%;
        line-height: 2.8rem;
    }

    .navbar-item.is-tab:a {
        display:block;
        height:100%;
        width:100%;
    }
}