.HomeTile {
  max-width: var(--sizeContentFullHd);
  margin: 0 auto;
  height: 60rem;
  display: grid;
  grid-template-areas: "first"
 "second"
 "third";
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

@media (min-width: 48rem) {
  .HomeTile {
    display: grid;
    grid-template-areas: 'first first'
 'second third';
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 2fr minmax(0, 1fr);
    height: 45rem;
  }
}

@media (min-width: 64rem) {
  .HomeTile {
    height: 60rem;
  }
}

@media (min-width: 75rem) {
  .HomeTile {
    height: 35rem;
    display: grid;
    grid-template-areas: "first second third";
    grid-template-columns: 2fr repeat(2, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
    grid-gap: var(--spaceXxxxs);
  }
}

/*# sourceMappingURL=home-tile.min.css.map */