@media screen and (max-width: 75em) {

	.c-modal--prep .c-modal__content.has-animation {
		padding: 0;
		background-color:#f2f4f7;
		height: auto;
	}
	
	#mcatPeopleChartContainer {
		padding: 40px 0;
		margin-bottom: 40px;
		height: auto;
		position: relative;
		background-color:#f2f4f7;
	}

}

#mcatPeopleChartContainer {
	display: grid;
	align-content: center;
	justify-content: center;
	/* position: relative;
	background-color:#f2f4f7; */
}

#mcatPeopleChart {
		 margin-bottom: 0px;
		 padding-bottom: 0px;
}

 @media screen and (min-width: 75em) {
		 #mcatPeopleChart {
		}
}

 #mcatPeopleChart i {
		 color: #9fa9b8;
		 font-size: 22px;
		 line-height: 33px;
		 margin: 0 3px;
}

 @media screen and (min-width: 40em) {
		 #mcatPeopleChart i {
				 font-size: 32px;
				 line-height: 48px;
				 margin: 0 7px;
		}
}

 #mcatPeopleChart #mcat-people-chart-text {
		 background: #f2f4f7;
		 width: 92px;
		 height: 130px;
		 position: absolute;
		 margin-top: 65px;
		 left: 50%;
		 margin-left: -46px;
		 text-align: center;
		 text-transform: uppercase;
		 font-size: 12px;
		 font-weight: 600;
		 line-height: 16px;
}

 #mcatPeopleChart #mcat-people-chart-text .chart-percent {
		 font-family: "jubilat", serif;
		 font-size: 37px;
		 font-weight: 400;
		 color: #1087fc;
		 display: block;
		 padding: 35px 0 23px 0;
}

 @media screen and (min-width: 40em) {
		 #mcatPeopleChart #mcat-people-chart-text {
				 width: 157px;
				 height: 100px;
				 margin-top: 145px;
				 left: 50%;
				 margin-left: -78px;
		}
		 #mcatPeopleChart #mcat-people-chart-text .chart-percent {
				 font-size: 40px;
				 padding: 32px 0 13px 0;
		}
}

 @media screen and (min-width: 75em) {
		 #mcatPeopleChart #mcat-people-chart-text {
			 	width: 145px;
				 position: absolute;
				 left: auto;
				 margin-top: 142px;
				 margin-left: 133px;
		}
		#mcatPeopleChart #mcat-people-chart-text .chart-percent {padding-left: 5px;}
		#mcatPeopleChart.admin-user #mcat-people-chart-text {
			margin-left: 143px;
		}
		
		.c-modal--prep.c-modal--customized-people-chart .c-modal__content-left-padding {
			padding: 80px 100px 60px 80px;
		}
}

.c-modal--customized-people-chart .c-modal__content-left-padding .b-text ul {
	list-style: none;
}

.c-modal--customized-people-chart .c-modal__content-left-padding .b-text ul li:before {
	font-family: FontAwesome;
	content: "\f111";
	color: #571f7a;
	margin-right: 10px;
	font-size: 6px;
	vertical-align: middle;
}
	
.c-modal--customized-people-chart .c-modal__content-left-padding .b-text p span {
	font-size: .85rem;
	line-height: 1.3rem;
	display: block;
	margin-top: 80px;
}

.c-modal--prep.c-modal--customized-people-chart .c-modal__content-left-padding .c-section-block__title {
	display: none;
}