@media only screen and (min-width: 0px) {
  .component.link-columns .grid-container .link-cell .grid-x .column-cell ul li { line-height:1.4; margin:20px 0}
  .component.link-columns .grid-container .link-cell .grid-x .column-cell {
    position: relative;
  }
  .component.link-columns .grid-container .link-cell .grid-x .column-cell {
    padding: 16px 0; /* 32 0 */
  }
  .component.link-columns .grid-container .link-cell .grid-x .column-cell .link-wrapper ul {
    margin-left: 0;
    list-style-type: none;
  }
  .component.link-columns .grid-container .link-cell .grid-x .column-cell .link-wrapper a {
    margin: 15px 0;
  }
  .component.link-columns .grid-container .link-cell .grid-x .column-cell .link-wrapper a .fas {
    display: inline;
  }
  .component.link-columns .grid-container .link-cell .grid-x .column-cell .link-wrapper:before {
    content: '';
    background: #f0f0f0;
    position: absolute;
  }
  .component.link-columns .grid-container .link-cell .grid-x .column-cell .link-wrapper:before {
    height: 6px;
    width: 100%;
    left: 0;
    top: 0;
  }
  .component.link-columns .grid-container > .grid-x {
    position: relative;
  }
}
@media only screen and (min-width: 640px) {
  .component.link-columns .interior {
    padding-top: 72px;
  }
  .component.link-columns .grid-container .link-cell .grid-x .column-cell .link-wrapper:before {
    height: 100%;
    width: 6px;
    left: -30px;
    top: 0;
  }
  .component.link-columns .grid-container .full.link-cell .grid-x .column-cell .link-wrapper:before {
    height: 100%;
    width: 6px;
    left: -24px;
    top: 0;
  }
  .component.link-columns .grid-container > .grid-x .heading-cell:before {
    content: url(/themes/custom/nhgri/assets/patterns/pattern-dots-lightgray.svg);
    height: 88px;
    width: 80px;
    position: absolute;
    top: -58px;
    left: -40px;
  }
}
@media only screen and (max-width: 1023px) {
  .component.link-columns .grid-container .link-cell .grid-x .column-cell .heading-wrapper,
  .component.link-columns .grid-container .link-cell .grid-x .column-cell .link-wrapper {
    padding-right: 36px;
  }
  .component.link-columns .grid-container .link-cell .grid-x .column-cell:first-of-type .link-wrapper:before {
    content: none;
  }
}
@media only screen and (min-width: 1024px) {
  .component.link-columns .interior {
    padding-top: 64px;
  }
  .component.link-columns .grid-container .link-cell .grid-x .column-cell {
    padding-left: 70px;
  }
  .component.link-columns .grid-container .link-cell .grid-x .column-cell .link-wrapper:before {
    height: 100%;
    width: 6px;
    left: 30px;
    top: 0;
  }
  .component.link-columns .grid-container .full.link-cell .grid-x .column-cell {
    padding-left: 30px;
  }
  .component.link-columns .grid-container .full.link-cell .grid-x .column-cell .link-wrapper:before {
    height: 100%;
    width: 5px;
    left: 0;
    top: 0;
  }
  .component.link-columns .grid-container > .grid-x .heading-cell:before {
    height: 110px;
    width: 100px;
    top: -42px;
    left: -70px;
  }
  .component.link-columns .heading-wrapper h2 {
    position: relative;
    top: -20px;
  }
}