/*------------------------------------*\
  $PRECIS
\*------------------------------------*/

.precis {
  margin: {
    bottom: 20px;
  }
  clear: both;

  @include mq(mq600) {
    clear: none;
  }

  &__title {
    margin-bottom: 10px;
    font-size: font-size(18);

    a { text-decoration: none; }
  }

  &__img {
    margin-bottom: 10px;
    float: left;
    max-width: 100%;

    img {
      width: 100%;
    }
  }

  &--small {
    @include mq(mq600) {
      @include span(3.5 of 7);

      &:nth-child(even) {
        clear: none;
        @include last;
      }
    }
  }

  p { clear: both; }
}