/* ==========================================================================
   Layouts extends and mixins
   ========================================================================== */
@import 'grid/grid';
// @import 'layouts/extends';

/* ==========================================================================
   Layout
   ========================================================================== */
body {
  overflow-x: hidden;
}

.container {
  @include grid-row;

  @include breakpoint (medium) {
    .container {
      margin-left: -$global-margin;
      margin-right: -$global-margin;
    }
  }
}

.col--full {
  @extend %col;
}

.col--half {
  @extend %col--2;
}

.col--3,
.sidebar {
  @extend %col--3;
}

.has-aside {
  @extend %col--3-2;
}

.col--10 {
  @extend %col--10;
}

.hide {
  display: none;
}

img {
  margin-bottom: $global-margin;
}