@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);.wp-block-starterx-mosaic {
  font-family: "poppins", Arial, sans-serif; }
  .wp-block-starterx-mosaic * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .wp-block-starterx-mosaic .article {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center; }
    .wp-block-starterx-mosaic .article > a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      margin: 0; }
      .wp-block-starterx-mosaic .article > a[href=''] {
        cursor: default; }
    .wp-block-starterx-mosaic .article a {
      color: inherit;
      text-decoration: none; }
    .wp-block-starterx-mosaic .article__overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); }
    .wp-block-starterx-mosaic .article__content {
      position: absolute;
      bottom: 0;
      padding: 0 20px 30px; }
    .wp-block-starterx-mosaic .article__tag {
      display: inline-block;
      font-weight: 500;
      line-height: 21px;
      font-size: 14px;
      color: white;
      background-color: #996152;
      padding: 3px 8px;
      border-radius: 2px; }
    .wp-block-starterx-mosaic .article__title {
      margin: 5px 0 0;
      font-weight: bold;
      line-height: 38px;
      font-size: 28px;
      color: white; }
  @media (min-width: 640px) and (max-width: 1024px) {
    .wp-block-starterx-mosaic .columns-4 .article__title {
      line-height: 24px;
      font-size: 20px; } }
  @media (min-width: 640px) and (max-width: 831px) {
    .wp-block-starterx-mosaic .columns-3 .article__title {
      line-height: 24px;
      font-size: 20px; } }
  .wp-block-starterx-mosaic .row {
    display: flex;
    flex-wrap: wrap;
    display: grid;
    grid-column-gap: 40px;
    grid-row-gap: 40px; }
    @media (min-width: 640px) {
      .wp-block-starterx-mosaic .row.columns-2 {
        grid-template-columns: repeat(2, 1fr); }
      .wp-block-starterx-mosaic .row.columns-3 {
        grid-template-columns: repeat(3, 1fr); }
      .wp-block-starterx-mosaic .row.columns-4 {
        grid-template-columns: repeat(4, 1fr); } }