@import url('https://fonts.googleapis.com/css?family=Abel');

nav {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.navbar {
    min-height: 90px;
    display: flex;
    align-items: center;
}

.navbar, .navbar-fixed-top {
    background-color: #fff;
}

.navbar > .container {
    width: 100%;
    position: relative;
    top: 50%;
    background-color: #fff;
}

.nav > li > a {
    color: #B1B9BD;
}

.nav > li > a:focus, .nav > li > a:hover {
    color: #84b97b;
    background-color: #fff;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #fff;
    color: #84B97B;
}

.navbar-nav > li > .dropdown-menu {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.navbar-nav > li > a {
    font-size: 20px;
    font-family: Abel, sans-serif;
}

.navbar-brand {
    color: #B1B9BD;
}

.navbar-brand:hover {
    color: #84b97b;
}

.nav > li.dropdown.open {
    position: static;
}

.nav > li.dropdown.open .dropdown-menu {
    display: table;
    width: 100vw;
    text-align: center;
    left: 0;
    right: 0;
    border: 0;
    box-shadow: 0px 0px;
}

.dropdown-menu > li {
    display: table-cell;
    text-align: left;
    font-family: Abel, sans-serif;
}

.dropdown-menu > li > div > div > div {
    padding-top: 10px;
    padding-bottom: 10px;
}

.dropdown-menu > li > div > div > div > p {
    margin: 0;
}