.panelpic { min-width: 100%; max-height: 577px; min-height: 400px; }
#boardofdirectorspanel { padding: 0 0.5em; max-width: 100%; min-width: 100%; min-height: min-content; display: flex; flex-flow: column nowrap; row-gap: 0.5em; gap: 0; background: rgba(0, 0, 0, 0.5); border-radius: 0.25em; }
#boardofdirectorspanel .label { padding: 0; padding-bottom: 0.5em; border-radius: 0; background: none; }
.person { max-height: fit-content; min-height: fit-content; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr; grid-template-areas: 'one two' 'one three'; row-gap: 0; column-gap: 0.5em; }
.personphoto { max-width: 150px; min-width: 150px; max-height: 150px; min-height: 150px; grid-area: one; display: inline-block; border-radius: 0.25em; }
.personname { min-height: 0; padding: 0.25em; grid-area: two; display: inline-block; line-height: 1; font-family: 'label'; font-size: 1.1em; font-weight: bold; background: white; border: none; border-radius: 0.25em; }
.personname span { padding: 0 0.1em; display: inline-block; font-family: 'text'; font-style: italic; }
.personname span:first-child { padding-right: 0.25em; color: rgb(0, 13, 255); font-style: normal; }
.personname span:nth-child(2) { padding: 0 0.25em; font-size: 1em; color: rgb(190, 23, 104); }
.personname span:last-child { padding-left: 0.25em; color: rgb(118, 46, 46); font-family: 'text'; font-size: 1em; }
.persondesc { padding: 0.25em 0.25em 1em 0.25em; grid-area: three; align-self: flex-start; line-height: 1.2; color: white; }
@media (max-width: 700px) { .panelpic { max-height: 288.5px; min-height: 288.5px; } .personphoto { max-width: 100px; min-width: 100px; max-height: 100px; min-height: 100px; } .personname, .persondesc { font-size: 0.8em; } }
@media (min-width: 1950px) { .panelpic { min-width: 100%; min-height: 400px; background-position: center; } }