/*************************Styles for the header across the site*/

.top-bar
{
	background-color: #38803C;
	overflow: hidden;
	padding: 10px;
}

.top-bar-content
{
	background-color: transparent;
	color: white;
	font-size: 17px;
	text-align: center;
	width: 85%;
}

header
{
	width: 100%;
}

.wrapper-center
{
	overflow: hidden;
	text-align: center;
}

.header-btn
{
	border: none;
	cursor: pointer;
	display: inline-block;
	font-family: inherit;
	font-size: 21px;
	font-weight: 700;
	line-height: 52px;
	margin-right: 30px;
	padding: 0px 6px;
	transition: all .5s;
}

.header-btn:hover
{
	background-color: #b53428;
}

.link-bar
{
	padding: 0 2.5%;
}

.link-bar a
{
	color: white;
	font-size: 21px;
	font-weight: 700;
	text-decoration: none;
	transition: all .5s;
}

.link-bar a:hover
{
	color: #8B281F;
}

.link-bar-left
{
	float: left;
	padding-top: 12px;
}

.link-bar-left a
{
	float: left;
	font-size: 30px;
	margin-right: 40px;
}

.link-bar-right
{
	float: right;
}

.title-bar
{
	margin: 10px auto;
	width: 95%;
	overflow: hidden;
}

.title-bar img
{
	float: left;
	height: 125px;
}

.menu-top-icon i
{
	font-size: 40px;
}

.menu-wrapper
{
	float: right;
}

.nav-menu
{
	line-height: 50px;
	padding: 0 20px;
	z-index: 20;
}

/* a top level navigation item in the mega menu */
.nav-item
{
	float: left;
	line-height: 75px;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* first descendant link within a top level navigation item */
.nav-item a
{
	color: #505c62;
	display: inline-block;
	font-size: 23px;
	font-weight: 700;
	padding: 0 10px;
	position: relative;
	text-decoration: none;
	transition: all .5s;
}

/* focus/open states of first descendant link within a top level navigation item */
.nav-item a:focus, .nav-item a.open, .nav-item a:hover
{
	color: #8B281F;
}

@media(max-width:1450px)
{
	.title-bar img
	{
		height: 100px;
	}
	
	.nav-item a
	{
		font-size: 20px;
	}
}

@media(max-width:1250px)
{
	.nav-item a
	{
		font-size: 16px;
	}
}

@media(max-width:1080px)
{
	.top-bar-content
	{
		width: 100%;
	}
	
	.link-bar a
	{
		font-size: 18px;
		display: inline;
	}
	
	.link-bar-left
	{
		float: none;
		display: flex;
		justify-content: center;
	}
	
	.link-bar-left a
	{
		font-size: 40px;
		margin-right: 40px;
	}
	
	.link-bar-right
	{
		float: none;
		display: flex;
		justify-content: center;
	}
	
	.title-bar
	{
		text-align: center;
		width: 300px;
	}
	
	.title-bar img
	{
		float: none!important;
	}
	
	.menu-wrapper
	{
		height: 0px;
		overflow: hidden;
	}
	
	.menu-top-icon
	{
		clear: both;
	}
	
	.nav-menu
	{
		display: block;
	}
	
	.nav-item
	{
		width: 100%;
		text-align: center;
	}
	
	.header-btn
	{
		margin-top: 10px;
		margin-bottom: 10px;
	}
}