.hypothesis {
  hr {
    margin: 20px 0;
  }

  &__header,
  &__list {
    p,
    li {
      font-size: $font-large;
      @include max-width-bp(small) {
        font-size: $font-small;
      }
    }
  }

  &__title {
    margin: 0 0 24px 0;
    font-size: $font-xxxlarge;
    text-transform: uppercase;
    text-align: center;

    @include max-width-bp(small) {
      font-size: $font-xlarge;
    }
  }

  p {
    margin-bottom: 30px;
  }

  &__voternetwork {
    border: 1px solid #fff;
    margin-bottom: 10px;

    img {
      width: 100px;
      margin-top: 20px;
      margin-right: 25px;
      float: left;
    }
  }

  &__text {
    .progress {
      margin-bottom: 30px;
    }

    .postcards__example {
      margin: 6px 10px 6px 0;
    }

    .postcards__link {
      font-size: 28px;
      text-align: center;
    }

    &__mobile {
      float: right;
      margin: 20px 0;
      width: 434px;
      height: 370px;

      @include max-width-bp(medium) {
        display: none;
      }
    }

    p {
      font-size: $font-large;

      @include max-width-bp(small) {
        font-size: $font-small;
      }

      a {
        font-weight: bold;
      }
    }
  }

  &__subtitle {
    margin-bottom: 26px;
    font-size: 32px;
    font-weight: 300;
    text-align: center;
  }

  &__list {
    margin-top: 6px;
    li {
      margin-bottom: 12px;
    }
  }

  &__callout {
    text-align: center;
  }

  &__apps {
    list-style: none;

    li {
      float: left;
    }

    .ios {
      padding: 9px 0 0 0;
      width: auto;
    }
    .play {
      width: 150px;
    }
  }

  .subscribe {
    label {
      display: block;
      font-size: $font-large;
      margin-bottom: 10px;
    }

    input[type='text'] {
      width: 180px;
    }
  }
}

.phonebank-promo {
  h3 {
    font-size: 28px;
    margin-bottom: 10px;
  }

  img {
    width: 100%;
  }
}
