/*--------------------------------------------------------------
Shopstar - Header Centered Styling
--------------------------------------------------------------*/

.site-header.centered .branding {
	text-align: left;
	/* padding-bottom: 10px; */
}
.site-header.centered .branding .description {
	text-align: center;
}
.main-navigation .container {
	text-align: center;
}
.main-navigation .menu-help-container {
	text-align: center;
}


@media screen and (max-width: 960px) {

	.padder {
		max-width: 100%;
		display: flex;
	}

	.site-header.centered .branding {
		width: 30%;
		margin-top: -2vw;
		text-align: left;
	}

	.site-header.centered .nav-area {
		width: 70%;
		padding-top: 0%;
		text-align: right;
	}

	.site-header.centered .nav-area .menu-toggle {
		margin-left: 52vw;
		margin-top: -1vw;
	}
}

@media screen and (max-width: 600px) and (min-width: 0px) {

	.site-header.centered .branding {
		margin-left: -6vw;
	}
}