@media screen and (max-width: 768px) {
	#mainNav {
		padding: .5rem .3rem;
	}

	#mainNav .navbar-brand-wrap {
		flex: 0 0 70%;
		max-width: 70%;
		font-size: 1.1rem;
		overflow: hidden;
	}

	#mainNav .navbar-brand {
		margin-right: 0;
		font-size: 1.2rem;
	}

	#mainNav .navbar-brand.scroll-text {
		animation: scrollText 40s linear(0 0%, 0 2%, 1 98%, 1 100%) infinite;
		padding-right: 5em;
		padding-left: .2em;
	}

	#mainNav .navbar-collapse {
		padding: 0 .3em;
	}
}

@keyframes scrollText {
	50% {
		transform: translateX(calc(-40% - 50px));
	}

	0%,
	100% {
		transform: translateX(0);
	}
}