.features {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
	padding: 0;
	margin: 0;
	
	}
	
.features img {
	overflow: hidden;
	width: 20em;
	border-radius: 50%;
	border: 5px solid var(--grey);
	padding: 0;
	margin: 0;
}
	
.features a:link {
	text-decoration: none;
	color: var(--gold);
}
	
.features a:hover {
	color: var(--gold);
}
	
.features a:visited {
	color: var(--gold);
}
	
.features a:active {
	color: var(--gold);
}
	
.featuresButtonLink:link {
	text-decoration:none;
	color: var(--gold);
	padding: 5px;
	font-size: 25px;
	border-radius: 12px;
}
	
.featuresButtonLink:visited {
	text-decoration:none;
	color: var(--gold);
	background: black;
}
	
.featuresButtonLink:hover {
	text-decoration:none;
	color: var(--gold);
	background: black;
}
	
.featuresButtonLink:active {
	text-decoration:none;
	color: var(--gold);
	background: black;
}
	
	
	
.about {
	padding: 10px;
	margin: 10px;
	width: 1fr;
	height: 1fr;
	display: flex;
	flex-direction: column;
	align-items: center;
}
	
.shows {
	padding: 10px;
	margin: 10px;
	width: 1fr;
	height: 1fr;
	display: flex;
	flex-direction: column;
	align-items: center;
}
	
.media {
	padding: 10px;
	margin: 10px;
	width: 1fr;
	height: 1fr;
	display: flex;
	flex-direction: column;
	align-items: center;
}
	
#cv {	
	text-align: center;
	font-size: 25px;	
}
	
#cv a:link {
	text-decoration:none;
	color: var(--gold);
	padding: 5px;
	font-size: 25px;
	border-radius: 12px;
}
	
#cv a:visited {
	text-decoration:none;
	color: var(--gold);
	background: black;
}
	
#cv a:hover {
	text-decoration:none;
	color: var(--gold);
	background: black;
}
	
#cv a:active {
	text-decoration:none;
	color: var(--gold);
	background: black;
}
	

.Subheading {
	color: var(--grey);
	text-align: center;
	padding: 5px;
	margin: 0;
	clear:both;
	width: 100%;
}

.Subsubheading{
	color: var(--grey);
	text-align: center;
	padding: 5px;
	margin: auto;
	width: 50%
}

.audioPreview{
	width: 90%;
	margin: auto;
	text-align: center;
}

.audio{
	display: block;
	margin: auto;
	width: 100%;
	height: 50px;
}

@media (max-width: 1200px) {

}

@media (max-width: 1000px) {
	
	.features {
		flex-direction: column;
	}

}

@media (max-width: 800px) {
	
}

@media (max-width: 400px) {
	
}