#mainNav {
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    -o-transition: top 0.3s;
    transition: top 0.3s;
}

#mainNav li a {
    color: rgba(255, 255, 255, 0.7);
}

#mainNav li.active a {
    color: #8b6d37;
}

#mainNav a:hover {
    color: #8b6d37;
}

#mainNav .navbar-brand {
    padding: 0;
    border: 0;
}

#mainNav .navbar-nav a {
    font-size: 16px;
}

#mainNav.sticky-top {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.navbar-toggler {
    border: 0 !important;
}

nav .navbar-brand div.logo {
    padding-top: 5px;
    padding-bottom: 5px;
}

nav .navbar-brand {
    height: 50px;
}

nav .navbar-brand img {
    height: 100%;
    width: auto;
}

nav .navbar-brand div.logo h1 {
    font-size: 30px;
    font-family: 'Suravaram', serif;
    text-transform: uppercase;
    line-height: 1em;
    margin-bottom: 0;
}

nav .navbar-brand div.logo p {
    font-size: 0.6em;
    margin-bottom: 0;
}

nav a {
    text-decoration: none;
}

nav.bg-custom {
    background-color: rgba(38, 41, 46, .95);
    border-bottom: 2px solid #8b6d37;
}