.hh-date {
	text-align: center;
}
.artist-header span.white {
	color:#fff;
	padding-left: 5px;
	padding-right:10px;
}
.artist-header span.red {
	color:#F05734;
}
.artist-header span.yellow {
	color:#F78D0D;
}
.artist-header span.green {
	color:#249A98;
}
.artist-header .hh-date {
	font-family: "BebasNeue";
	font-weight: bold;
	font-size: 38px;
	text-transform: uppercase;
}
.artist-header {
	height: 130px;
}
.artist-header {
	display: flex;
	align-items: center;
	justify-content: center;
}
.artist-header > div {
	display: flex;
	align-items: center;
	justify-content: center;
}
.artist-header > div > div {
	display: grid;
	width: fit-content;width: -webkit-fit-content;width: -moz-fit-content; 
	margin-left: auto;
	margin-right:auto;
	grid-template-columns: 200px 1fr;
	align-items: center;
	grid-column-gap: 40px;
}
.artist-header {
	background: #393C3F;
}
.artist-header img {
	max-width: 200px;
}

@media (max-width: 650px){
	.artist-header > div > div {
		grid-template-columns: 1fr;
	}
	.artist-header {
		height: 80px;
	}
	.hh-logo {
		margin-bottom: 10px;
		display: none;
		align-items: center;
		justify-content: center;
	}
	.artist-header .hh-date {
		font-size: 28px !important;
	}
}