@media only screen and (min-width: 0px) {
  .component.news-and-events span.eyebrow {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    text-transform: uppercase;
    color: #000;
    display: block;
  }
  .component.news-and-events .row-container:nth-of-type(2) {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid #979797;
  }
  .component.news-and-events .row-container > .cell .item-container:nth-of-type(2) {
    margin-top: 28px;
  }
  .component.news-and-events .view-more {
    margin-top: 28px;
  }
}
@media only screen and (min-width: 640px) {
  .component.news-and-events .grid-container {
    position: relative;
  }
  .component.news-and-events h2 {
    font-size: 26px;
    line-height: 30px;
  }
  .component.news-and-events .view-more {
    margin-top: 0;
    font-size: 14px;
  }
  .component.news-and-events .item-container {
    height: 100%;
  }
  .component.news-and-events .feed {
    height: 100%;
  }
  .component.news-and-events .item-container {
    min-height: 100px;
    height: 100%;
    position: relative;
  }
  .component.news-and-events .item-container .cell {
    height: 100%;
  }
  .component.news-and-events .item-container .thumb-wrapper {
    max-width: 100px;
    max-height: 100px;
    position: relative;
  }
  .component.news-and-events .item-container .item {
    margin-left: 21px;
  }
  .component.news-and-events .item-container .item a {
    margin-top: 8px;
  }
  .component.news-and-events .row-container:nth-of-type(2) {
    padding-top: 64px;
    margin-top: 64px;
  }
}
@media only screen and (min-width: 1024px) {
  .component.news-and-events .interior {
    padding: 130px 64px 120px;
  }
  .component.news-and-events .grid-container:before {
    content: '';
    background: url(/themes/custom/nhgri/assets/patterns/pattern-dots-lightgray.svg);
    background-repeat: no-repeat;
    position: absolute;
    height: 120px;
    width: 120px;
    top: -100px;
    left: -48px;
  }
  .component.news-and-events .grid-container:after {
    content: '';
    background: url(/themes/custom/nhgri/assets/patterns/pattern-dots-lightgray.svg);
    background-repeat: no-repeat;
    position: absolute;
    height: 120px;
    width: 120px;
    bottom: -90px;
    right: -24px;
    transform: rotate(180deg);
  }
  .component.news-and-events h2 {
    font-size: 28px;
    line-height: 35px;
  }
}