.qa {
  width: 100%;
  padding: 4rem 1.5rem 0;
  padding-left: 2rem;
  padding-right: 2rem;
  box-sizing: border-box;
  &:first-of-type{
    padding-top: 0;
  }

  .qa--question, 
  .qa--answer {
    box-sizing: border-box;
  }

  .qa--question {
    padding-bottom: 1rem;
    &:last-of-type {
      padding-bottom: 0;
    }
  }

  .qa--answer {
    h3 {
      color: white;
      margin-bottom: 1em;
      -moz-osx-font-smoothing: grayscale;
    }

    p {
      max-width: 100%;
      &:last-of-type {
        margin-bottom: 0;
      }
    }
  }

  @include media-breakpoint-up(md) {
    display: flex;
    align-items: flex-start;
    justify-content: center;

    .qa--question {
      width: 22rem;
      padding-bottom: 35px;
      margin-right: 2rem;
      background-image: url(../img/question.svg);
      background-position: bottom right;
      background-repeat: no-repeat;
  
      h3 {
        text-align: right;
      }
    }

    .qa--answer {
      width: 40rem;

      p {
        margin-bottom: 1em;
        &:last-of-type {
          margin-bottom: 0;
        }
      }
    }
  }
}