.donation-hero {
  background-color: #13488d;
  color: white;
  text-align: center;
  padding: 0px 20px;
}

.header {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900; /* Black */
  font-size: 50px;
  line-height: 1.4;
  margin: 0;
}

<div class="donation-hero">
  <h1 class="header">Texas Flood Relief</h1>
</div>

.donation-content {
  padding: 10px 10px;
}

.subheader-text {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800; /* Extra-Bold */
  font-size: 35px;
  color: #000000;
  line-height: 1.4;
  text-align: left;
  margin: 0 auto 20px auto;
  max-width: 800px;
}

/* Body Text */
.body-text {
  font-family: 'Avenir', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #000000;
  line-height: 1.5;
  max-width: 800px;
  text-align: left;
  margin: 0 auto;
}

/* Mobile and Tablet Responsive Styles */
@media (max-width: 768px) {
  .subheader-text {
    text-align: center;
  }

  .body-text {
    text-align: center;
  }
}


<div class="donation-content">
  <h2 class="subheader-text">Help Serve Hot Meals to Flood Victims in Texas</h2>
  <p class="body-text">
  Devastating flash floods swept through Kerr County, TX, causing the Guadalupe River to rise to its second-highest level on record. Lives have been lost, and many families are displaced. Mercy Chefs is on the ground serving hot, chef-prepared meals to victims, first responders, and volunteers. Your gift today provides hope and comfort to families impacted by this disaster.
  </p>
</div>


.donation-content {
  padding: 10px 10px;
}

/* Body Text */
.body-text {
  font-family: 'Avenir', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #000000;
  line-height: 1.5;
  max-width: 800px;
  text-align: left;
  margin: 0 auto;
}

.body-text a {
  color: #0000EE;
  text-decoration: underline;
  line-height: 1.5;
}

/* Mobile and Tablet Responsive Styles */
@media (max-width:


<br />
<div class="donation-content">
  <p class="body-text">
    To follow the latest updates on our team’s response, visit 
    <a href="https://mercychefs.com" target="_blank" rel="noopener noreferrer">
      mercychefs.com.
    </a>
  </p>
</div>


.logo-container {
  text-align: left;
  padding: 0px;
}

.responsive-logo {
  max-width: 150px;
  height: auto;
}

/* Center logo on mobile */
@media (max-width: 768px) {
  .logo-container {
    text-align: center;
  }
}


.footer-social-wrapper {
  display: flex;
  justify-content: flex-start !important;
  gap: 12px;
  margin-bottom: 20px;
  font-family: Avenir, Helvetica, Arial, sans-serif !important;
  flex-wrap: wrap;
}

@media only screen and (max-width: 600px) {
  .footer-social-wrapper {
    justify-content: center !important;
  }
}

.footer-contact-wrapper {
  text-align: right !important;
  font-family: Avenir, Helvetica, Arial, sans-serif !important;
  width: 100% !important;
}

@media only screen and (max-width: 600px) {
  .footer-contact-wrapper {
    text-align: center !important;
  }
}

<div class="footer-contact-wrapper">
  <p class="footer-contact" style="color: #fff; margin: 0 0 10px;">
    <i class="fas fa-phone"></i> Phone: 
    <a href="tel:757.292.4264" style="color: #fff;">1.757.292.4264</a>
  </p>
  <p class="footer-contact" style="color: #fff; margin: 0 0 10px;">
    <i class="fas fa-envelope"></i> Email: 
    <a href="mailto:info&#64;mercychefs.com" style="color: #fff;">info&#64;mercychefs.com</a>
  </p>
  <p class="footer-contact" style="color: #fff; margin: 0;">
    Donations by Mail: <br />
    <i class="fas fa-map-marker"></i> 711 Washington St. <br />
    Portsmouth, VA 23704
  </p>
</div>


Texas Flood Relief

Help Serve Hot Meals to Flood Victims in Texas

Give Today