.compare-boxes {
  display: grid;
  grid-row-gap: 32px; }
  @media (min-width: 640px) {
    .compare-boxes {
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 32px; } }

.compare-box {
  display: grid;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background-color: #f7f7fb;
  padding: 40px; }
  @media (min-width: 420px) and (max-width: 639px), (min-width: 940px) {
    .compare-box {
      grid-template-columns: auto 1fr; } }
  .compare-box__color {
    width: 40px;
    height: 40px;
    margin: 0 1.6rem 1.6rem 0;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px; }
  .compare-box__title {
    color: #1c1b2d; }
  .compare-box__text {
    color: #323140;
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 150%; }

/*# sourceMappingURL=block.css.map */