#message-bar {
	display: none;
	position: fixed;
	width: calc(100% - 320px);

	padding: .33em .5em;
	top: 0;
	left: 320px;
	background-color: #ffb900;
	border-top: 8px solid #ff8c00;
	box-shadow: 0 1px 3px 2px rgba(0,0,0,.15);
	z-index: 12;
	text-align: center;
}

#message-bar-content {
	display: inline-block;
	height: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6em;
	color: black;
	margin: 0;
}

#message-bar-borderfix {
	position: absolute;
	top: -8px;
	left: -3px;
	height: 16px;
	width: 4px;
	background-color: #ffb900;
	border-top: 8px solid #ff8c00;
	z-index: 15;
	opacity: 0;
}

#message-bar-close {
	width: 15px;
	position: absolute;
	right: 15px;
	top: 15px;
}

#content-container.menu-open #message-bar {
	display: none !important;
}

/* tablet */
@media (max-width: 768px) {
	#message-bar {
		top: 83px;
		left: 0;
		border-top: none;
		width: 100%;
	}
	#message-bar-borderfix {
		display: none !important;
	}
}