@mixin cols($columns, $gutter) {
  /* Wrapper inside Element needed
     because of gutter >* */

  /* Positioning */
  position: relative;
  display: inline-table;
  /* Sizing */
  box-sizing: border-box;
  //width: (100%/$columns) - (0.3 + ($columns * 0.3));
  width: (100%/$columns);
  margin: 0 -4px 0 0 !important;
  padding: 0 !important;
  border: none !important;

  letter-spacing: 0;
  /* Gutter */
  padding-right: $gutter !important;
  padding-bottom: $gutter !important;
  &:before {
  }
  &:after {
  }
  &:nth-of-type(#{$columns}) {
    border-right: none;
  }

  > * {
    width: 100%;
    box-sizing: border-box;
  }
}