.search {
    display: grid;
    grid-template-columns: 1fr auto;
    border: 1.5px solid var(--gfColors-slate30);
    border-radius: 0.15rem;
    height: min-content;
}
.search .form-control {
    color: var(--gfColors-slateText);
    border: none;
}
.form-control:focus {
    box-shadow: none;
}
.searchGrid .button {
    display: block;
    padding: .6rem 2rem .5rem;
}
.searchGrid p {
    margin:0;
}
.searchGrid {
    display:grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    align-items: baseline;
}
@media(min-width:600px) and (max-width:991.98px) {
.searchGrid {
    grid-template-columns:auto auto;
    gap: 1rem;
}
.searchGrid form {
    grid-column:1 / span 2;
    grid-row:1;
}
.searchGrid p:nth-last-child(2) {
    grid-row:2;
    grid-column:1;
}
.searchGrid p:last-child {
    grid-row:2;
    grid-column:2;
}
}
@media (min-width:475px) and (max-width: 767.98px) {
ul.u-3ColumnList {
    column-count: 2;
}
}
@media(min-width:992px) {
    .searchGrid {
    grid-template-columns: 1fr auto auto;
    gap: 1rem;
}
}


.alphaList {
    display: grid;
    grid-template-columns: repeat(26, 1fr);
    text-align: center;
    margin-bottom: 3rem;
}
@media(max-width:768px) {
    .alphaList {
        grid-template-columns: repeat(13, 1fr);
        row-gap: 1.2rem;
    }
}

h3.alphaList-letter {
    display: block;
    background-color: #fdb814;
    height: 2.25rem;
    width: 2.25rem;
    line-height: 2.45rem;
    text-align: center;
    font-size: 1.75rem;
    color: #fff;
    border-radius: 50%;
    font-family: var(--gfVars-bodyFont);
    font-weight: normal;
    text-transform: uppercase;
    margin: 2rem 0rem;
}

.staffList-person {
    border-bottom:none;
    background-color: var(--gfColors-slate15);
    padding: 3rem 3rem 2.5rem;
    border-radius: 3px;
    margin: 0;
}
@media(min-width:768px) {
     .staffList-person-photo {
        padding-right: 2rem;
        border-right: 2px solid var(--gfColors-gold);
        width: 210px;
}
    .staffList-person {
        column-gap: 5.5rem;
    }
}
@media(min-width:992px) {
    .staffList-person-photo {
        width: 180px;
}
    .staffList-person {
        column-gap: 3.5rem;
    }
}
@media(max-width:475px) {
    .staffList-person {
            padding: 1rem;
    }
}