// General article styling article {

word-wrap: break-word;

ul li, ol li {
  list-style-position: outside;
  margin-left: 1em;
}

figure {
  @include margin(60px 0);
  text-align: center;

  @include media($tablet) {
    @include margin(40px 0);
  }

  &:first-child {
    margin-top: 0;
  }
}

blockquote {
  margin: 0;
  font-style: italic;
  border-left: 3px solid rgba($black, 0.8);
  padding-left: 20px;
  margin-left: -23px;
  margin-bottom: 30px;
  padding-bottom: 3px;

  @include media($tablet) {
    margin-left: -20px;
    padding-left: 17px;
  }

  p {
    margin-bottom: 0;
  }
}

figcaption {
  text-align: center;
  font-style: italic;
  font-size: 14px;
  padding: 10px 10% 0;
  color: transparentize($text-color, 0.2);
}

}

.basicPage {

&__wrapper {
  @include outer-container();
  @include pad($section-pad $outer-pad);

  @include media($mobile) {
    @include pad($section-pad / 2 $outer-pad);
  }
}

&__content {
  @include span-columns(8);
  @include shift(2);

  @include media($mobile) {
    @include span-columns(12);
    @include shift(0);
  }
}

}