/*==========================================================================
 * Restrict
 *
 * When a block shouldn't take up the whole width of the container
 * we can restrict the maximum width
 * ========================================================================== */


.l-restrict-narrow {
  @include mq(m) {
    margin-left: auto;
    margin-right: auto;
    width: column(6,8);
    max-width: 38em;
  }
  @include mq(l){
    width: column(6,12);
  }
}

.l-restrict-wide {
  @include mq(m){
    margin-left: auto;
    margin-right: auto;
    width: column(7,8);
  }

  @include mq(l){
    width: column(8,12);
  }
}