<h1><span style="color: rgb(0, 53, 94); font-family: var(--classy-font__font-family--arial); font-size: 36px; font-weight: var(--theme-font__heading-xl--font-weight); line-height: var(--theme-font__heading-xl--line-height)">Help Kenji find his match</span></h1>

<p><span style="color: rgb(69, 69, 69); font-family: var(--theme-font__font-family--paragraph); font-size: var(--theme-font__label--font-size); font-weight: var(--theme-font__label--font-weight); line-height: var(--theme-font__label--line-height)">Kenji, searching patient</span></p>

<p><span style="color: rgb(0, 0, 0); font-family: var(--theme-font__font-family--paragraph); font-size: 18px; font-weight: var(--theme-font__paragraph-md--font-weight); line-height: var(--theme-font__paragraph-md--line-height)">Kenji’s just 4 years old and needs a matching blood stem cell donor. Your gift today helps grow the NMDP Registry℠, improving his chance of finding one.</span> </p>

$50 can cover two clinic visit copays for a blood stem cell transplant patient. 

$150 can cover the cost to add one potential blood stem cell donor to the NMDP Registry.

$200 can cover one day of lost wages for a volunteer blood stem cell donor. 

Photo of blood stem cell donor in hospital with stem cells in bag

body {
  padding: 0;
  margin: 0;
  min-height: 100vh;
  display: flex;
  align-items: flex-end;
}
footer {
  background-color: #ffffff;
  color: #00355E;
  font-size: 16px;
}
footer * {
  font-family: "DM Sans", sans-serif;
  box-sizing: border-box;
  border: none;
  outline: none;
}
.row {
  padding: 1em 1em;
}
.row.primary {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 2fr;
  align-items: stretch;
}
.column {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 2em;
  min-height: 5em;
}
h3 {
  width: 100%;
  text-align: left;
  color: #00355E;
  font-size: 1.4em;
  white-space: nowrap;
}

h2 {
  width: 100%;
  text-align: right;
  color: #00355E;
  font-size: 1.4em;
  white-space: nowrap;
}

ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}
li:not(:first-child) {
  margin-top: 0.8em;
}
ul li a {
  color: #00355E;
  text-decoration: none;
}
ul li a:hover {
  color: #00355E;
}

div.social {
  display: flex;
  justify-content: space;
  font-size: 2.4em;
  flex-direction: row;
  margin-top: 0.5em;
}
.social i {
  color: #ffffff;
}

.footer-menu{
  float: left;
    margin-top: 10px;
}

.footer-menu a{
  color: #00355E;
  padding: 6px;
  text-decoration: underline;
}
.footer-menu a:hover{
  color: #00355E;
}
@media screen and (max-width: 850px) {
  .row.primary {
    grid-template-columns: 1fr;
  }

}

<footer>
<div class="row primary">
  <div class="column about">

      <h3 style="color:#00355E;">NMDP<sup style="line-height:15px;font-size:40%;vertical-align:top;mso-text-raise:60%;">SM</sup></h3>

   <p style="text-align: left; color: #00355E;">
  500 N. Fifth St.<br />
     Minneapolis, MN 55401 US
  </p>

  <div class="social">
      <i class="fa-brands fa-instagram-square"><a href="https://www.instagram.com/nmdp_org/"><img src="https://assets.bethematch.org/m/4d6b8116f4d582ff/original/NMDP_Instgram_LIGHT-GRAY.png" alt="Instagram icon" name="Instagram" width="50" height="50" /></a></i>
      <i class="fa-brands fa-facebook-square"><a href="https://www.facebook.com/nmdporg"><img src="https://assets.bethematch.org/m/310501d6d0f93856/original/NMDP_Facebook_LIGHT-GRAY.png" alt="Facebook icon" name="Facebook" width="50" height="50" /></a></i>
      <i class="fa-brands fa-twitter-square"><a href="https://x.com/nmdp_org"><img src="https://assets.bethematch.org/m/3b738792c613c43/original/NMDP_Twitter_LIGHTGRAY.png" alt="Twitter X icon" name="Twitter X" width="50" height="50" /></a></i>
      <i class="fa-brands fa-youtube-square"><a href="https://www.youtube.com/&#64;nmdp_org"><img src="https://assets.bethematch.org/m/35a6ab8afd841d70/original/NMDP_YouTube_LIGHTGRAY.png" alt="YouTube icon" name="YouTube" width="50" height="50" /></a></i>
      <i class="fa-brands fa-tiktok-square"><a href="https://www.tiktok.com/&#64;nmdp_org"><img src="https://assets.bethematch.org/m/2760485996850654/original/NMDP_TikTok_LIGHTGRAY.png" alt="Tiktok icon" name="Tiktok" width="50" height="50" /></a></i>
      <i class="fa-brands fa-linkedin-square"><a href="https://www.linkedin.com/company/nmdp/"><img src="https://assets.bethematch.org/m/34ab59672103d522/original/NMDP_LinkedIn_LIGHT-GRAY.png" alt="Linkedin icon" name="LinkedIn" width="50" height="50" /></a></i>
  </div><br />
      <hr style="color: #A9A9A9;" /><br />
      <p><a style="color: #0071B4; weight:bold; font-size: 16px; text-align: left; text-decoration: underline;" href="https://www.nmdp.org/what-we-do/about-us/legal/privacy">Privacy Policy</a>   <a style="color: #0071B4; weight:bold; font-size: 16px; text-align: left; text-decoration: underline;" href="https://www.nmdp.org/what-we-do/about-us/legal/terms-of-use">Terms of Use</a></p>
</div>
<div class="column links">
</div>
<div class="column links">
</div>

<div class="column support">
 <h2>Gift support</h2>
  <p style="text-align: right;"><a style="color: #0071B4; weight:bold; font-size: 16px; text-align: right; text-decoration: underline;" href="mailto:adserv&#64;nmdp.org">adserv&#64;nmdp.org</a></p>
  <div>
  
  </div>

</div>

</div>
</footer>


Good goes a long way 💙

Help Kenji find his match

Support patients

Grow the NMDP Registry

Support donors