.mediaObject {
  display: flex;
  align-items: flex-start;
  margin: 0 0 1rem 0;
}

@media (max-width: 40em) {
	.mediaObject {
		display: block;
		margin: 0 0 2rem 0;
	}
}

.mediaObject-figure {
	margin-right: var(--gutter-standard);
	display: block;
	border-radius: 50%;
	filter: grayscale(100%);
	margin-top: 0.35rem;
}

@media (max-width: 70em) {
	.mediaObject-figure {
		max-width: 185px;
	}
}

@media (max-width: 40em) {
	.mediaObject-figure {
		margin-top: 0;
		margin-bottom: 1rem;
		float: left;
		shape-outside: circle(50%);
		max-width: 124px;
	}
}

.mediaObject-title {
	font-size: var(--fontSize-headingSmall);
	margin-top: 0;
	margin-bottom: 0.42857142857142855rem;
}

.mediaObject-link {
	text-decoration: none;
}

.mediaObject-body {
  flex: 1;
}

.mediaObject-body p {
	margin-top: 0;
}