@media (min-width: 768px) {
  .component__grid-link .grid-box {
    min-height: 300px;
  }
}
.component__grid-link__content h3, .component__grid-link__content h4 {
  width: 80%;
}
@media (max-width: 991.98px) {
  .component__grid-link__content h3, .component__grid-link__content h4 {
    font-size: 2.4rem;
  }
}
.component__grid-link__content p {
  font-size: calc(1.335rem + 1.02vw);
  line-height: 2.9rem;
  font-weight: 300;
  margin: 1.5rem 0 3rem 0;
  width: 80%;
  /*&.narrow {
      color: #4d4d4d;
      line-height: 2.9rem;
      font-weight: 300;
      @include font-size(2.1rem);

      @include media-breakpoint-up(xl) {
          width: 45%;
      }
  }*/
}
@media (min-width: 1200px) {
  .component__grid-link__content p {
    font-size: 2.1rem;
  }
}
@media (min-width: 1200px) {
  .component__grid-link__content p {
    width: 75%;
  }
}
@media (max-width: 991.98px) {
  .component__grid-link__content p {
    line-height: 2rem;
    font-size: 1.6rem;
  }
}