/* ========================================
   BEM CSS - Frivillig Arbejde Desktop Polish
   ======================================== */

@media (min-width: 1024px) {
  .volunteer-hero {
    padding: 30px 40px 24px;
  }

  .volunteer-hero__title {
    font-size: 58px;
    line-height: 1.05;
  }

  .volunteer-hero__description {
    max-width: 760px;
    font-size: 22px;
    line-height: 1.45;
  }

  .volunteer-content {
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 40px 64px;
  }

  .volunteer-content__image-wrap {
    width: 360px;
    float: right;
    margin: 6px 0 24px 36px;
  }

  .volunteer-content__heading {
    font-size: 34px;
    margin-bottom: 14px;
  }

  .volunteer-content__intro,
  .volunteer-content__text {
    font-size: 19px;
    line-height: 1.65;
  }

  .volunteer-content__link,
  .button--green {
    max-width: 420px;
    margin: 18px 0 24px;
    font-size: 18px;
    padding: 15px 18px;
    border-radius: 10px;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.18);
  }

  .volunteer-content::after {
    content: "";
    display: block;
    clear: both;
  }
}