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

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

<div class="donation-hero">
  <h1 class="header">Hurricane Melissa Response</h1>
</div>

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

.subheader-text {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800; 
  font-size: 34px;
  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">Send Meals to Hurricane Victims</h2>
  <p class="body-text">
  Hurricane Melissa has devastated Jamaica, first making landfall as a powerful Category 5 storm before shifting to Category 3. Entire communities 
  are left without power, food, and clean water. Mercy Chefs is on the ground in Jamaica, providing thousands of hot meals daily to children and families
  recovering from the storm.
  </p>
</div>

.jamaica-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 10px;
}

.jamaica-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

<div class="donation-content">
 <p class="body-text">
  Each meal costs just $3.50, meaning a gift of <strong>$70 provides 20 meals</strong>. Your gift today will bring comfort and a sense of normalcy when it&#039;s 
  needed 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 relief efforts at 
    <a href="https://mercychefs.com/melissa-response" target="_blank" rel="noopener noreferrer">
      mercychefs.com/melissa-response.
    </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>


Hurricane Melissa Response

Send Meals to Hurricane Victims

Give Today