#mainNav {
}

#mainNav .navbar-toggler {
}

#mainNav .navbar-toggler:focus {
}

#mainNav .navbar-brand {
}


#mainNav .navbar-nav .nav-item:active,
#mainNav .navbar-nav .nav-item:focus {
}

@media (min-width:100px) {
    #mainNav {
        z-index: 8000;
    }
    #mainNav.navbar-shrink {
	background-color: #fff;
    }
    #mainNav.navbar-shrink .navbar-brand {
 	color: #161616;
    }
    #mainNav.navbar-shrink .nav-link {
	color: #161616;
	padding: 1.5rem 1.5rem 1.25rem;
	border-bottom: .25rem solid transparent;
    }
    #mainNav.navbar-shrink .nav-link:hover {
	color: #64a19d;
    }
    #mainNav.navbar-shrink .nav-link:active {
 	color: #467370;
    }
    #mainNav.navbar-shrink .nav-link.active {
	color: #64a19d;
	outline: 0;
	border-bottom: .25rem solid #64a19d;
    }
}

@media (max-width:800px) {
    #mainNav {
        z-index: 8000;
        background-color: #f7fcfe;
    }
    #mainNav.navbar-shrink {
        background-color: #fff;
    }
    #mainNav.navbar-shrink .navbar-brand {
        color: #161616;
    }
    #mainNav.navbar-shrink .nav-link {
        color: #161616;
        padding: 1.5rem 1.5rem 1.25rem;
        border-bottom: .25rem solid;
    }
    #mainNav.navbar-shrink .nav-link:hover {
        color: #64a19d;
    }
    #mainNav.navbar-shrink .nav-link:active {
        color: #467370;
    }
    #mainNav.navbar-shrink .nav-link.active {
        color: #64a19d;
        outline: 0;
        border-bottom: .25rem solid #64a19d;
    }
}