#container-masthead {
	position: relative;
}

#masthead {
	overflow: visible;
}

#masthead .masthead-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#masthead .masthead-left {
	width: 25%;
	padding-right: 10px;
}

#masthead .masthead-center {
	width: 50%;
	text-align: center;
}

#masthead .masthead-right {
	width: 25%;
}

#primary-navigation .nav-level-1 > a:link, 
#primary-navigation .nav-level-1 > a:visited {
	color: #222;
}

.nav-level-1:not(.contains-0) > a > span::before {
	background-image: url("/assets/templates/main/images/nav/icon-dropdown-arrow.png");
}

#masthead .masthead-top {
	text-align: right;
	position: relative;
}
#masthead .masthead-top::before {
	content: '';
	position: absolute;
	width: 1920px;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	background-color: #2222;
}

.logo,
.phone-container,
.tagline {
	transition: all 0.3s ease;    
}

.logo a {
	position: relative;
	z-index: 110;
}

#container-primary-navigation {
	max-width: 1250px;
	margin: 0 auto;
	width: 97%;
}

@media all and (min-width: 1026px) {
	/* Base CSS for #container-primary-navigation */
	#container-primary-navigation {
		text-align: right;
		position: relative;
		width: 100%;
	}

	/* Base CSS for #primary-navigation */
	#primary-navigation {
		clear: both;
		margin: 0 auto;
		position: absolute;
		width: 75%;
		right: 0;
		top: -50px;
		padding: 0;
		text-align: center;
		z-index:800;
		border-top: 2px solid #222;
	}

	/* Base nav ul CSS */
	#primary-navigation ul {
		display: block;
		list-style: none;
		margin: 0 auto;
		padding: 0;
	}

	#primary-navigation > ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		/* Space items evenly */
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: center;
	}
	
	#masthead .masthead-center,
	#masthead .masthead-right {
		margin-bottom: 50px;
	}
}

.logo a {
	position: relative;
	z-index: 110;
}

#container-primary-navigation {
	max-width: 1250px;
	margin: 0 auto;
	width: 97%;
}

@media all and (max-width: 1280px) {
	#primary-navigation .nav-level-1 > a {
		font-size: 15px;
	}
}

@media all and (max-width: 1025px) {
	#container-masthead .phone-number {
		font-size: 4em;
	}
	#primary-navigation .nav-level-1 > a {
		font-size: 13px;
		padding: 0 5px;
	}
	#primary-navigation .nav-level-1:not(.contains-0) > a {
		padding-right: 15px;
	}
	.nav-level-1:not(.contains-0) > a > span::before {
		right: -10px;
	}
}

@media all and (max-width: 800px) {    
	#container-masthead {
		margin-top: 35px;
	}
	#container-masthead .logo {
		margin: 0 auto;
	}
	#masthead {
		margin-bottom: 10px;
	}
	.tagline {
		margin-bottom: 2px;
	}
	#masthead .phone-number {
		position: fixed;
		width: 100%;
		height: 35px;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		text-align: right;
		font-size: 26px;
		padding-top: 2px;
		padding-right: 8px;
		background-color: #8fcdf9;
	}
	#container-primary-navigation {
		width: 90%;
	}
	#masthead .masthead-center,
	#masthead .masthead-right {
		margin-bottom: 0;
	}
}

@media all and (max-width: 570px) {    
	.logo-container, 
	.tagline2, 
	.phone-container {
		display: block;
		float: none;
		margin: 0 auto;
		max-width: 450px;
		width: 100%;
	}
	#masthead .phone-number {
		font-size: 2.1em;
		line-height: 30px;
		height: 30px;
	}
	.js #toggle-navigation {
		top: 0;
		left: 0;
	}
	#container-masthead {
		margin-top: 40px;
	}
	#masthead .masthead-top {
		display: none;
	}
	#masthead .masthead-inner {
		flex-direction: column;
	}
	#masthead .masthead-center {
		margin-bottom: 0;
		width: 100%;
	}
	#masthead .masthead-left,
	#masthead .masthead-right {
		width: 100%;
	}
}