@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');

#mainNav {
	border-color: rgba(34, 34, 34, 0.05);
	background-color: white;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
#mainNav .navbar-brand {
	text-transform: uppercase;
	color: #F05F40;
}
#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
	color: #f05f40;
}
#mainNav .navbar-toggle {
	font-size: 14px;
	text-transform: uppercase;
	color: #222222;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link {
	font-size: 16px;
	text-transform: uppercase;
	color: #222222;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:hover {
	color: #F05F40;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
	color: #F05F40 !important;
	background-color: transparent;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
	background-color: transparent;
}

@media (min-width: 992px) {
#mainNav {
	border-color: rgba(255, 255, 255, 0.3);
	background-color: transparent;
}
#mainNav .navbar-brand {
	color: rgba(255, 255, 255, 0.7);
}
#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
	color: black;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
	color: black;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
	color: black;
}
#mainNav.navbar-shrink {
	border-color: rgba(34, 34, 34, 0.05);
	background-color: white;
}
#mainNav.navbar-shrink .navbar-brand {
	font-size: 14px;
	color: #F05F40;
}
#mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
	color: #f05f40;
}
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus {
	color: black;
}
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover {
	color: #F05F40;
}
}