.team_grid {
    display: flex;
    /* grid-template-columns: 1fr 1fr 1fr 1fr; */
    gap: 130px 16px;
    flex-wrap: wrap;
}

.team_member_bio_button {
    cursor: pointer;
}

.team_member_title {
    color: #242C35;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'salt' on, 'liga' off;
    font-family: "Garton Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    letter-spacing: 1.26px;
    text-transform: uppercase;
}

.team_member {
    border-radius: 8px;
    border: 1px solid var(--1px-Stroke, #242C35);
    background: #FFF;
    box-shadow: 1px 1px 0px 0px #242C35;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 42px;
}

.team_member_name {
    color: #24292F;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'liga' off;
    font-family: "Medium LL";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.72px;
}

.bio_title {
    color: #0073B4;
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'liga' off;
    font-family: "Garton Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    letter-spacing: 1.26px;
    margin-top: 25px;
    text-transform: uppercase;
}

.team_member_bio_button div {
    color: #242C35;
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'salt' on, 'liga' off;
    font-family: "Garton Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    letter-spacing: 1.26px;
    border-radius: 40px;
    border: 1px solid #414141;
    background: #00C2FF;
    box-shadow: 1px 1px 0px 0px #414141;
    padding: 14px 22px;
}

.team_member {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
    width: calc(25% - 12px);
}

.team_member > div {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.team_member_bios {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(36, 44, 53, .3);
    z-index: 1000000;
    width: 100%;
    height: 100vh;
  	display: none;
}

div.bio.active {
    display: block;
}

div.bio {
    display: none;
    border-radius: 16px;
    border: 1px solid var(--1px-Stroke, #242C35);
    background: #E3FBFF;
    box-shadow: 1px 1px 0px 0px #242C35;
    width: 90vw;
    margin-left: 5vw;
    height: 90vh;
    margin-top: 5vh;
}

.bio_inner {
    width: 100%;
    display: flex;
    padding: 30px 25px;
    height: 100%;
    position: relative;
    justify-content: center;
}

.bio_left {
width: 55%;
background-position: 50% 0%;
background-size: 120% auto;
border-radius: 16px;
border: 1px solid var(--1px-Stroke, #242C35);
box-shadow: 1px 1px 0px 0px #242C35;
}

.bio_right {
width: 40%;
margin-left: 5%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
padding-bottom: 60px;
overflow-y: scroll;
gap: 40px;
}

.bio_close {
  	cursor: pointer;
    position: absolute;
    top: 35px;
    right: 30px;
    color: #242C35;
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'liga' off;
    font-family: "Medium LL";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 90%;
    letter-spacing: 1.26px;
}

.bio_close:hover {
  text-decoration: underline;
}

.bio_name {
    color: #242C35;
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'liga' off;
    font-family: "Grenette Pro";
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: 90%;
    letter-spacing: -1.92px;
    width: 70%;
    margin-top: 40px;
}

.bio_title {
    color: #0073B4;
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'liga' off;
    font-family: "Garton Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    letter-spacing: 1.26px;
    margin-top: 25px;
}

.bio_copy {
    color: #1E1E1E;
    leading-trim: both;
    text-edge: cap;
    font-family: "Medium LL";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    max-width: 95%;
    width: 422px;
}

.bio_buttons {
    display: flex;
    margin-top: 25px;
    gap: 16px;
}

.bio_button a {
    color: #242C35;
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'salt' on, 'liga' off;
    font-family: "Garton Pro";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    letter-spacing: 1.26px;
    border-radius: 40px;
    border: 1px solid #414141;
    background: #FFF;
    box-shadow: 1px 1px 0px 0px #414141;
    padding: 14px 22px;
    text-transform: uppercase;
}

.bio_open header.et-l.et-l--header.scrolled {
    display: none;
}


@media all and (max-width: 1000px) {

}







@media all and (max-width: 800px) {

}





  
  
  
  
  
  
  
  @media all and (max-width: 450px) {
	
	
}