.header-banner {
	text-align: center;
	font-size: 1.5rem;
	/* background-color: #00849055; */
	/* background-color: rgba(255, 255, 0, .2); */
	/* background-color: #43ab7288; */
	background-color: rgba(0, 0, 0, 0.06);
	color: #282828;
	margin: -8px -8px 0px -8px;
	padding: 8px 0px;
	line-height: 2rem;
	min-width: 576px;
}

.header-banner a {
	font-weight: bold;
	color: #008490cc;
	color: rgba(240, 2, 2, 0.6);
}

.navbar {
	margin-top: 40px;
}

.marquee {
	height: 2rem;
	overflow: hidden;
	position: relative;
	/* background: #fefefe; */
	/* color: #333; */
	/* border: 1px solid #4a4a4a; */
}

.marquee > div {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	/* line-height: 50px; */
	text-align: center;
	-moz-transform: translateX(50%);
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	-moz-animation: scroll-left 5s linear infinite alternate;
	-webkit-animation: scroll-left 5s linear infinite alternate;
	animation: scroll-left 12s linear infinite alternate;
}

@-moz-keyframes scroll-left {
	0% {
		-moz-transform: translateX(50%);
	}

	100% {
		-moz-transform: translateX(-50%);
	}
}

@-webkit-keyframes scroll-left {
	0% {
		-webkit-transform: translateX(50%);
	}

	100% {
		-webkit-transform: translateX(-50%);
	}
}

@keyframes scroll-left {
	0% {
		-moz-transform: translateX(50%);
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
	}

	100% {
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media screen and (max-width: 768px) {
	.header-banner {
		margin: -8px -20px 0px -20px;
	}
}