@keyframes topBarDropDown {
	0% {
		transform: translateY(-100%);
	}
	50% {
		transform: translateY(10px);
	}
	100% {
		transform: translateY(0);
	}
}

@keyframes menuSlideIn {
	0% {
		right: 7.5em;
	}
	50% {
		right: 4em;
	}
	100% {
		right: 5em;
	}
}

@keyframes infoSlideIn {
	0% {
		left: 2.5em;
	}
	50% {
		left: -1em;
	}
	100% {
		left: 0em;
	}
}

#top-bar.animated {
	animation: 0.5s ease-out 0s 1 topBarDropDown;
}

#top-bar.animated .menu.desktop {
	/*animation: 0.5s ease-out 0s 1 menuSlideIn;*/
}

#top-bar.animated .info {
	/*animation: 0.5s ease-out 0s 1 infoSlideIn;*/
}

@media screen and (max-width: 850px) {
	#top-bar {
		animation: none !important;
	}
	#top-bar .menu.desktop {
		animation: none !important;
	}
	#top-bar .info {
		animation: none !important;
	}
}