.site-banner{
	width: 100%;
	color: white;
	background: #55565a;
	box-shadow: 0 0 5px black;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1rem 4rem;
	margin-bottom: 2rem;
	visibility: visible;
}

.site-banner.hidden{
	display: none;
	visibility: hidden;
}

.site-banner > *,
.site-banner > .widget{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 0;
}

.site-banner p{
	margin-top: 1rem;
	margin-bottom: 1rem;
	text-align: center;
}

.site-banner a{
	color: currentColor;
	border-bottom: 1px solid currentColor;
}

.site-banner + #masthead{
	z-index: 20;
}

@media screen and (max-width: 768px){
	.site-banner{
		margin-bottom: 0;
		z-index: 2;
		position: relative;
	}
}