Quick CSS question re: small "glow" around Header

Hi there,

I expanded the header to fit across the whole body of the page and I made it the same color as the background, but there is still a small “glow” around the header … between the header and the background. Is there a way to get rid of the glow?

My site is https://parkpack.com/. Also if you’re a CSS wiz I would like to make the cart total orange at all times and nothing I’ve tried seems to do it. Any help there would be very much appreciated!

My custom CSS is as follows (please don’t judge… it’s all trial and mostly error for me):

.site-header {
	padding: 0;
}

.site-header img {
	max-width: 210%;
	float: left;
	padding: -5rem;
}

#enhancedtextwidget-6 {
	font-weight: bold;
	float: right;
	position: absolute;
	top: 130px;
	right: 25px;
	color: #e57443;
}

body {
}

#intro_text {
	background: #dbd9dc;
	font-weight: bolder;
	font-size: 18px;
	line-height: 1.5em;
	list-style-type: disc;
}

#intro_bullets li {
	font-weight: bold;
	font-size: 18px;
	line-height: 1.5em;
	list-style-image: url(/wp-content/uploads/2013/10/favicon21.gif);
}

.site-navigation.main-navigation {
	margin-top: -2px;
	background-color: #303030;
}

.site-footer {
	margin-top: 0;
}