.wrapper {
  @include breakpoint(small) {
    @include padding(2em, 0);
  }

  > .inner {
    width: 55em;
    margin: 0 auto;

    @include breakpoint(large) {
      width: 90%;
    }

    @include breakpoint(medium) {
      width: 100%;
    }
    > p {
      width: 40em;

      @include breakpoint(large) {
        width: 45em;
      }

      @include breakpoint(medium) {
        width: 90%;
      }
    }
  }
}

twentytwenty-wrapper img {
  width: 100%;

}
.features {
  li {
    padding: 3em 3em 1em 3em;

    h3,
    p {
      text-align: left;
    }
  }
}
/* Section Three */

#three .inner {
	width: 60em;

  @include breakpoint(large) {
    width: 100%;
  }
  @include breakpoint(medium) {
    width: 100%;
  }

}
