main { 
	background: var(--gradient-under-header); 
	--profile-bg: radial-gradient(#282828 60%, #232323 60%);
	--profile-text-color: #fff;
}
.hero h1 { font-size: 3em; font-size: clamp(2.5em, 0.35em + 6vw, 4em); margin-bottom: 1.25rem; }
.hero p.excerpt { font-size: 1rem; font-size: clamp(1em, 0.25em + 2vw, 1.25em)}
.core-values { font-size: 0.875em; }
.core-values h4 { font-size: 1.25em; font-weight: 500; }
.core-values .bg-lightest-grey { padding-top: 1rem; }
.core-values .bg-lightest-grey:before { content: ''; display: block; background: var(--bs-blue); height: 5px; margin-bottom: 1rem;  }
.d-table { width: auto; margin-left: auto; margin-right: auto; }
.d-table-row > * { display: table-cell; text-align: start; padding: 3px 5px; }
.d-table-row > strong { text-align: right; }

a.profile-card { 
	border:solid 1px #ddd;
	background: var(--profile-bg) !important; 
	color: var(--profile-text-color) !important;
	position: relative;
}
a.profile-card:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px; 
	right: 0px;
	bottom: 0px;
	border: solid 3px white;
	z-index: 1;
}

a.main-profile:target:before, a.profile:target:before { display: none; }
a.main-profile, a.profile { text-decoration: none !important; }
a.main-profile .portrait { width: 22.05%; border-right: solid 4px; padding-bottom: 36%}
a.main-profile .bio { padding: 1em 2em; }
a.main-profile .bio h4 { font-size: 1.5em; overflow: hidden; }
a:hover .bio h4 .icon { position: absolute; display: inline !important; }
a.main-profile .bio h5 { font-size: 1.35em; font-weight: 300; margin-bottom: 1.25em; }
a.main-profile .bio p { max-width: 560px; font-weight: 300; }
a.profile .portrait { padding-bottom: 145%; }
a.profile .bio { padding: 1em; }
a.profile .bio h5 { font-weight: 300; }
.d-hidden { visibility: hidden !important; position: absolute; }

.card {
	h3 { font-size: 0.875em;}
	h5 { font-size: 1.25em; font-weight: var(--font-weight-bold) !important; }
	ul { font-size: 0.875em; margin-bottom: 1.5rem; }
}
.card-tinted {
	.card-body {
		padding-bottom: 5% !important;
		background-color: var(--bs-gray-100);
		h3 {
			line-height:normal;
			font-size: 1.25em;
			border-bottom: solid 1px var(--bs-border-color);
			margin-bottom: 1em !important;
			padding-bottom: 1em;
		}
	}
}
@media(max-width: 1199px) and (min-width:992px) {
	a.main-profile .portrait { width: 23.75% }
}
@media(max-width: 991px) and (min-width:768px) {
	a.main-profile .portrait { width: 50% !important; padding-bottom: 60%; }
	a.main-profile .bio { width: 50%; }
	a.profile .portrait { padding-bottom: 100%; }
}
@media(max-width: 767px) {
	a.main-profile { display: block !important; }
	a.profile .portrait, a.main-profile .portrait { width: 100%; padding-bottom: 120%; border: none; }
	a.main-profile .bio { width: 100% !important; padding-top: 2rem; }
}
@media(max-width: 550px ) {
	a.profile .portrait, a.main-profile .portrait { min-height: 80vh}
}