.wrapper {
  @include padding(6em, 0);

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

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

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

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

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

img {
  &.twentytwenty-before,
  &.twentytwenty-after {
    width: 100%;
  }
}

// Font.
	$font: (
		family:				('PT Serif', serif),
		family-fixed:		('Courier New', monospace),
		weight:				400,
		weight-bold:		700
	);