@media only screen and (min-width: 641px) {
  .volgrid {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
  }
}

@media only screen and (min-width: 841px) {
  .volunteer-left-title {
    font-size: 4em;
    padding-left: 6%;
  }

  .volunteer-section2 p {
    font-size: 1.8em;
    font-weight: 600;
    padding: 0 10% 2% 4%;
  }

  .volunteer-right {
    padding-top: 10%;
  }

  .volunteer-section3 h2 {
    font-size: 2.4em;
    font-weight: 600;
    margin: 2% 4% 4% 3%;
  }

  .volunteer-section3 h4 {
    font-size: 1.8em;
    font-weight: 600;
    margin: 4% 4% 2% 3%;
  }

  .volunteer-section3 p {
    font-size: 1.8em;
    padding: 0 10% 2% 4%;
  }

  .volunteer-section3 ul {
    font-size: 1.6em;
    list-style-type: disc;
    padding-left: 8%;
  }
}

@media only screen and (min-width: 1041px) {
  .volunteer-left-title {
    font-size: 5em;
    padding-left: 8%;
  }

  .volunteer-section2 p {
    font-size: 2em;
    padding: 0 8% 2% 4%;
  }

  .volunteer-right {
    padding-top: 12%;
  }

  .volunteer-section3 h2 {
    font-size: 3em;
    margin: 2% 4% 4% 3%;
  }

  .volunteer-section3 h4 {
    font-size: 2em;
    margin: 4% 4% 2% 3%;
  }

  .volunteer-section3 p {
    font-size: 2em;
    padding: 0 8% 2% 4%;
  }

  .volunteer-section3 ul {
    font-size: 1.8em;
    padding-left: 8%;
  }
}