/* Cartogram coordinates include 8 columns and 10 rows. */
.brazil-cartogram {
  grid-template-columns: repeat(8, minmax(0, 1fr));
  grid-template-rows: repeat(10, 25px);
}

.preview-art > #previewTitle,
.preview-art > #modalPreviewTitle {
  max-width: 62%;
}

.preview-mascot {
  right: 6%;
  bottom: 14%;
  width: 29%;
  opacity: 0.78;
}

@media (min-width: 541px) {
  .brazil-cartogram {
    grid-template-rows: repeat(10, 29px);
  }
}

@media (max-width: 540px) {
  .brazil-cartogram {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-template-rows: repeat(10, 20px);
    gap: 2px;
  }
}