@import "settings.breakpoints";
@import "settings.colors";
@import "settings.fonts";

@import "mixins/settings.fonts";
@import "mixins/tools.mixins";

.c-wine-newsletter {
  background: $color-salmon-100;
  padding: rem(20);
  @include display-grid;
  @include grid-template-columns(0, 1fr);
  @include grid-template-rows(rem(20), auto 1fr 1fr 1fr 1fr 1fr);

  .c-wine-newsletter__logo {
    @include grid-column(1, 2);
    @include grid-row(1, 2, true);
    .c-image {
      max-width: rem(153);
    }
  }
  .c-wine-newsletter__content {
    @include grid-column(1, 2);
    @include grid-row(2, 3, true);
  }
  .c-wine-newsletter__test {
    @include grid-column(1, 2);
    @include grid-row(4, 8, true);
  }

  .c-wine-newsletter__text {
    @include font-pratt-italic;
    color: $color-grey-900;
    font-size: rem(19);
    line-height: line-height(19, 23);
    letter-spacing: 0;
    margin-bottom: rem(20);
  }
}
