#member-search-component {
    min-height: 400px;
  }
  #member-search-component input[type="text"] {
    padding: 0.5rem;
    margin-bottom: 4px;
    max-width: 276px;
  }
  #member-search-component h2 {
    color: black;
    font-weight: 700;
    font-size: 1.5rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
  }
  #member-search-component h3 {
    color: black;
    font-weight: 700;
    font-size: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
  }
  #member-search-component img {
    margin-top: 1rem;
    max-width: 250px;
  }
  #member-search-component h4 {
    font-size: 1rem;
    font-weight: 700;
    padding-bottom: 1rem;
    margin: 0;
  }
  #member-search-component button {
    margin-top: 2rem;
    padding: 8px 12px;
  }
.member-card {
    margin-bottom: 2rem;
    margin-top: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 1px solid;
  }
  .member-card-main-info {
    display: grid;
    grid-template-columns: 1fr 250px;
    gap: 1rem;
  }
  .member-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
    gap: 1rem;
  }
  .member-card-info-col {
    max-width: 675px;
  }
  .member-services-card {
    margin-top: 2rem;
  }
  .member-services-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 1fr));
    gap: 0.5rem;
    /* padding-left: 1rem; */
  }
  a.member-services-toggle {
    display: block;
    margin-top: 1rem;
  }
  @media screen and (max-width: 600px) {
    #member-search-component input[type="text"] {
      max-width: none;
      width: 100%;
    }
    .member-card-main-info {
      grid-template-columns: 1fr;
      max-width: none;
      width: 100%;
    }
    .member-card-logo {
      display: none;
    }
  }
  @media screen and (max-width: 800px) {
    #member-search-component img {
      max-width: 180px;
    }
  }