.site-header.default {
	.site-branding {
		order: 1;
		flex: 0 1 100%;
		text-align: left;
		@include media-breakpoint-up(md) {
			padding-top: 8px;
			padding-bottom: 16px;
			order: 0;
			flex: 0 1 100%;
			text-align: left;
		}
	}

	.main-navigation {
		order: 2;
		flex: 0 1 100%;
		align-self: flex-end;

		.menu {
			justify-content: center;

			@include media-breakpoint-up(lg) {
				margin-right: -10px;
			}
		}

		@include media-breakpoint-up(md) {
			order: 1;
			flex: 10 1 auto;
		}

		@include media-breakpoint-only(md) {
			order: 3;
			flex: 0 1 100%;
		}
	}
}