.header-main {
    background: #231F20 !important;
}

@media (max-width: 1000px) {
   .header.square-logo .navbar-brand.logo {
		padding: 10px;
	}

	.header.square-logo .navbar-brand img {
		max-width: 100%;
		height: auto !important;
	}
	
	.header-main {
		background: #231F20 !important;
		border-bottom: 1px solid var(--primary-color);
	}
}

@media (min-width: 1000px) {
   a.navbar-brand.logo:after {
		background: var(--primary-color);
		content: '';
		position: absolute;
		display: block;
		top: 100%;
		left: 0;
		width: 100%;
		height: 26px;
		transform: skew(0, -4.85deg);
		transform-origin: bottom left;
	}

	.header.square-logo .navbar-brand.logo {
		width: 200px;
	}

	.header.square-logo .navbar-brand img {
	   max-width: 100%;
	}  
}

@media (min-width: 1000px) {
   nav#primary-navigation {
		border-top: 1px solid var(--primary-color);
	}
}