.CASESTUDY .stats {
	margin-top: 40rem;
	font-family: 'dm-sans', sans-serif;
}

.CASESTUDY .stats .stat {font-size: 46rem;}
.CASESTUDY .stats .description {font-size: 20rem;}


.CASESTUDY .container {
	position: relative;
	padding: 60rem 60rem 60rem 100rem;
	background: rgba(0, 0, 0, 0.125) url(../svg/quote-2.svg) no-repeat 45rem 60rem / 32rem 24rem;
}

.CASESTUDY .quote {
	font-family: 'dm-sans', sans-serif;
	font-size: 24rem;
	line-height: 1.25;
	margin-bottom: 40rem;
}

.CASESTUDY .name {
	font-family: 'dm-sans', sans-serif;
	font-size: 24rem;
	display: block;
	padding-right: 200rem;
}

.CASESTUDY .role {
	font-size: 16rem;
	padding-right: 200rem;
}

.CASESTUDY .link {
	position: absolute;
	bottom: 60rem;
	right: 60rem;
}

.b-inverted .CASESTUDY .container {background-image: url(../svg/quote-inverted-2.svg);}
.b-inverted .CASESTUDY .b-button:hover {background: var(--black); color: var(--white);}

@media screen and (max-width: 960px) {
	.CASESTUDY .stats {margin-top: 20rem;}
	.CASESTUDY .stats .stat {font-size: 32rem;}
	.CASESTUDY .stats .description {font-size: 18rem;}
	.CASESTUDY .container {margin-top: 20rem; padding: 25rem 20rem; background-size: 16rem 12rem; background-position: 15rem 25rem;}
	.CASESTUDY .quote {margin-bottom: 20rem; font-size: 20rem; padding-left: 20rem;}
	.CASESTUDY .name {font-size: 16rem; padding: 0 0 0 20rem;}
	.CASESTUDY .role {font-size: 14rem; padding: 0 0 0 20rem;}
	.CASESTUDY .link {position: static; margin-top: 30rem;}
}