.volunteer-about {
  padding: 115px 0 0 0;
}

.volunteer-about__hero-section {
  padding: 8em 0 2em !important;
}

.volunteer-about__hero-section-text-container {
  -ms-flex-item-align: center;
      align-self: center;
  max-width: 1200px;
  width: 100%;
}

.volunteer-about__hero-section-text-container-heading {
  font-family: 'HKGrotesk-Bld', sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 1.25;
  text-transform: capitalize;
  padding: 0 4% !important;
}

@media screen and (min-width: 875px) {
  .volunteer-about__hero-section-text-container-heading {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

.volunteer-about__the-experience {
  padding: 0 4% !important;
}

.volunteer-about__the-experience-header {
  font-family: 'HKGrotesk-Med', sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.5;
  text-transform: capitalize;
  text-align: center;
}

.volunteer-opps {
  padding: 115px 0 0 0;
}

.volunteer-opps__filter-controls {
  margin: auto;
  width: 50%;
}

.volunteer-opps__filter-controls-heading-decorator--hidden {
  display: none;
}

.volunteer-opps__filter-controls-heading::after {
  content: '\2796';
  font-size: 1.8rem;
  color: orange;
  float: right;
  margin-left: 5px;
}

.volunteer-opps__filter-controls-heading--collapsed::after {
  content: '\2795';
  font-size: 1.8rem;
  color: orange;
  float: right;
  margin-left: 5px;
}

.volunteer-opps__filter-controls-idselector {
  display: block;
}

.volunteer-opps__filter-controls-idselector--hidden {
  display: none;
}

.volunteer-opps__filter-form--collapsed {
  display: none;
}

.volunteer-opps__list {
  padding-top: 0;
}

.volunteer-opps__list-sortselector {
  text-align: center;
}

.volunteer-opps__results {
  margin: auto;
}

.volunteer-opps__sort-controls {
  width: 50%;
  margin: auto;
}

.volunteer-opps-details__info,
.volunteer-opps-details__details {
  max-width: 800px;
  margin: 0 auto;
}