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

.header {
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  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 over the July 4th holiday. Mercy Chefs responded immediately, serving hot, chef-prepared meals to displaced families, volunteers, and first responders. As communities continue to recover, we remain on the ground, distributing meals and groceries through our Beacon of Hope Kitchen in Kerrville. Your gift today delivers hope, comfort, and nourishment to those rebuilding their lives in the wake of 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