@media only screen and (min-width: 0px) {
  .component.overview-block-alt .interior {
    padding: 32px 16px;
  }
  .component.overview-block-alt .content-container {
    position: relative;
  }
  .component.overview-block-alt .content-container > .cell {
    padding: 32px;
  }
  .component.overview-block-alt .content-container > .cell.text {
    z-index: 1;
    border: 0;
    box-shadow: 3px 3px 9px silver;
    border-radius: 0;
    margin-bottom: 20px;
  }
  .component.overview-block-alt .content-container > .cell.text.accent.teal {
    border-left: 5px solid #5fe0d4;
  }
  .component.overview-block-alt .content-container > .cell.text.accent.grey {
    border-left: 5px solid silver;
  }
  .component.overview-block-alt .cell.large-8.text {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}

@media only screen and (min-width: 640px) {
  .component.overview-block-alt .interior {
    padding: 32px;
  }
  .component.overview-block-alt .blocks {
    padding: 16px 8px;
  }
  .component.overview-block-alt .content-container.pattern:before {
    content: url(/themes/custom/nhgri/assets/patterns/pattern-acgt-grid.svg);
    position: absolute;
    width: 350px;
    left: -20px;
    top: 100px;
  }
}
@media only screen and (min-width: 1024px) {
  .component.overview-block-alt .interior {
    padding: 32px 64px;
  }
  .component.overview-block-alt .block-wrapper a {
    font-size: 18px;
    line-height: 22px;
  }
  .component.overview-block-alt .text {
    padding-top: 65px;
    padding-left: 61px;
  }
  .component.overview-block-alt .content-container.pattern:before {
    width: 350px;
    left: 300px;
    top: -65px;
  }
  .component.overview-block-alt .blocks > .grid-x {
    height: 100%;
  }
}
#overviewblockalt .cell.large-4 {
  padding: 0;
}