@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%;
	}
}