/*
	Responds to width of container (span) EXCEPT for text, which must be set to text-___ class
	<div class="span____ mbx">
		<a class="artist">
			<div class="artist-cover" style="background-image: url(...)"></div>
			<div class="artist-info">
				<div class="artist-title">Agency</div> | <div class="artist-headshot" style="background-image: url(...)" ></div>
				<h2 class="artist-name text-______"></h2>
				<p class="artist-location text-_______"></p>
			</div>
		</a>
	</div>
*/


.headshot {
	display: block;
	height: 150px;
	width: 150px;
	margin-top: -75px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.headshot-sm {
	height: 70px;
	width: 70px;
	margin-top: -35px;
}

.headshot-xs {
	height: 50px;
	width: 50px;
	margin-top: -25px;
}

.artist-card .artist-cover {
	padding-top: 70%; /* determines size of cover image */
}

.artist-masthead .artist-cover {
	padding-top: 30%;
	max-height: 550px;
}

.exclusive-count > .offset-exclusive {
  margin-top: 52px;
  margin-left: 10px;
}