.causes {
  padding-top: 48px;
  background-image: linear-gradient(to bottom, #132260, #001c25);
  color: #fff; }
  .causes__list {
    margin-bottom: 47px; }
  .causes__item {
    margin-top: 40px;
    font-size: 16px;
    line-height: 20px;
    text-align: center; }
  .causes__image {
    margin-bottom: 47px;
    text-align: center; }
  .causes__footnote {
    padding-bottom: 45px; }
  .causes__question {
    font-size: 20px;
    line-height: 28px;
    text-align: center; }
    .causes__question-text {
      font-family: "montserratsemibold", Arial, sans-serif; }

@media (min-width: 992px) {
  .causes__footnote {
    display: flex;
    align-items: center; }
  .causes__question {
    order: 0;
    text-align: left;
    margin-right: 81px; }
  .causes__image {
    order: 1;
    margin-bottom: 0; } }

@media (min-width: 1200px) {
  .causes {
    padding-top: 40px; }
    .causes__list {
      display: flex;
      flex-wrap: wrap;
      align-items: stretch;
      justify-content: space-around;
      margin-bottom: 72px; }
    .causes__item {
      width: 30%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      font-size: 24px;
      line-height: 30px;
      padding: 0 50px;
      margin-top: 66px; }
      .causes__item:not(:nth-child(3n + 1)):before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 9px;
        width: 2px;
        transform: rotate(19deg);
        background: #fff; }
      .causes__item:nth-child(3n + 1) {
        padding-left: 0; }
      .causes__item:nth-child(3n) {
        padding-right: 0; }
    .causes__footnote {
      position: relative;
      padding-bottom: 60px; }
    .causes__question {
      max-width: 400px;
      line-height: 38px; }
      .causes__question-title {
        font-size: 24px; }
      .causes__question-text {
        font-size: 32px; }
    .causes__image {
      position: absolute;
      bottom: -12px;
      right: 100px; } }