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