@media only screen and (max-width: 1024px) {
  html {
    font-size: 9.375px;
  }
  .intro-header { text-align: center; }
  .intro-header h5 { font-size: 2.4rem; }
  .intro-header img { display: none; }
  .pricing-intro { width: 100%; } 
  .pricing-table { width: 100%; }
}

@media only screen and (max-width: 768px) {
  html {
    font-size: 10px;
  }
  .pricing-intro { width: 100%; } 
  .pricing-table { width: 100%; }
  section#donation { padding-top: 4rem; padding-bottom: 4rem; }
  section#information { padding-top: 4rem; }
  .intro-header { display: none; }
}

@media only screen and (max-width: 400px) {
  html {
    font-size: 9.375px;
  }
  .pricing-intro { width: 100%; }
  #donation { padding-top: 2rem; padding-bottom: 2rem; }
}