@media (min-width: 981px) and (max-width: 1024px) and (orientation: landscape) {
  #donate-splash {
    background-size: cover;
    background-position-x: 0px;
    background-position-y: 0;
  }

  .myschool-element {
    min-width: 750px;
  }
}

@media (min-width: 481px) and (max-width: 1024px){
  .donate-image {
    height: 500px;
  }

  .ongoing-projects img{
    object-position: center -100px;
  }

  .myschool-element {
    padding: 30px 80px 40px 80px;
  }

  .donate-row {
    padding: 20px 80px;
  }

  .donate-text h3 {
    font-size: 35px !important;;
    margin: 20px 0;
  }

  .donate-text .red-underline {
    width: 200px;
    border-bottom: 3px solid var(--red);
  }

  .donate-contact-form {
    padding: 20px 80px;
  }

  .donate-contact-form h2 {
    font-size: 45px !important;
  }

  .donate-contact-form .red-underline {
    width: 200px;
    border-bottom: 3px solid var(--red);
  }
}
