@charset "UTF-8";
.grid-people {
		display: flex;
		flex-direction: column;
		gap: var(--gap-inner);
}
.grid-people > * {
		flex: 0 0 auto;
		width: 100%;
}
.card-person {
		font-size: 16px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		padding-top: 16px;
		padding-bottom: 16px;
		min-height: 106px;
}
.card-person .image-circle {
		width: 74px;
		height: 74px;
		position: absolute;
		top: 0;
		left: 0;
		margin: 16px;
}
.card-person .title {
		font-weight: bold;
		font-size: 24px;
		line-height: 1.25;
}
@media only screen and (max-width: 699.99px) {
		.card-person {
				padding-left: 130px;
		}
}
@media only screen and (min-width: 700px) and (max-width: 1199.99px) {
		.card-person {
				padding-left: 106px;
		}
}
@media only screen and (min-width: 1200px) {
		.card-person {
				min-height: 120px;
				justify-content: center;
				padding-left: 138px;
		}
		.card-person .image-circle {
				margin: 0 24px;
				top: 50%;
				transform: translate3d(0, -50%, 0);
		}
}