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

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

@media (max-width: 768px) {
  .header {
    font-size: 25px; 
  }
}

@media (max-width: 480px) {
  .header {
    font-size: 20px; /* even smaller for very small phones */
  }
}

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

.donation-content {
  text-align: left;
  padding: 10px;
}

.subheader-text {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800; 
  font-size: 35px;
  color: #000000;
  margin-bottom: 15px;
  line-height: 1.3;
}

.body-text {
  font-family: 'Avenir', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #000000;
  line-height: 1.4;
}

@media (max-width: 768px) {
  .donation-content {
    text-align: left;
  }
}

<div class="donation-content">
  <h2 class="subheader-text">Help Replace a Supply Truck in Ukraine</h2>
  <p class="body-text">
   While delivering meals to families on the frontlines, our Mercy Chefs Global team in Ukraine narrowly escaped a drone strike that destroyed our supply truck. This vehicle was essential for transporting food and supplies to families living amid the devastation of war. Your gift today will help us replace this vital truck, ensuring that hot meals, relief, and the hope of the Gospel continue reaching those who need it most.
  </p>
</div>

.website-content {
  text-align: left;
  padding: 10px;
}

.body-text {
  font-family: 'Avenir', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #000000;
  line-height: 1.4;
}
}

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

@media (max-width:600px;) {
  
}

<div class="website-content">
  <p class="body-text">
    Follow the latest updates on our Ukraine relief efforts at 
    <a href="https://mercychefs.com/ukraine-relief/" target="_blank" rel="noopener noreferrer">
      mercychefs.com/ukraine-relief.
    </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>


Ukraine Relief

Help Replace a Supply Truck in Ukraine

Give Today