@include media-breakpoint-up(md) {

	.x-navbar-brand-img {
    width: 10em;

		.is-wide & {
			width: 14em;
		}
	}

	.x-navbar {
		@extend %x-flex-center;
		padding: 2.250em 1.875em;

		.is-wide & {
			padding: 2.5em 5.625em;
		}
	}
}

@include media-breakpoint-up(xl) {

	.x-navbar {
		padding: 2.250em 1.875em;

		.is-wide & {
			padding: 5.5em 5em;
		}
	}

}