@import "tools.mixins";

@mixin c-package-crea-tablet {
  .c-package--crea {
    @include display-grid;
    @include grid-template-rows(0, grid-repeat(5, auto));
    @include grid-template-columns(0, auto rem(300));
    padding: rem(10);
  }

  .c-package--crea__title {
    @include grid-column(1, 2);
    @include grid-row(1, 2);
    text-align: left;
    padding: rem(30) rem(20) 0;
  }

  .c-package--crea__logo__img {
    margin: unset;
  }

  .c-package--crea__map {
    @include grid-column(2, 3);
    @include grid-row(1, 2);
  }

  .c-package--crea__stories {
    @include grid-column(1, 3);
    @include grid-row(2, 3);
  }

  .c-package--crea__more-stories {
    @include grid-column(1, 3);
    @include grid-row(3, 4);
  }

  .c-package--crea__load-more {
    @include grid-column(1, 3);
    @include grid-row(4, 5);
    @include grid-justify-self(center);
  }

  .c-package--crea__legal-text {
    @include grid-column(1, 3);
    @include grid-row(5, 6);
  }
}

@mixin c-package-crea-desktop {
  .c-package--crea {
    @include grid-template-columns(0, auto rem(320));
  }
}
