.core-list {
	max-width: 1020px;
	width: 100%;
	padding: 30px 30px 0 30px;
	margin: 0 auto 60px;
}

.core-list .title {
	margin-bottom: 24px;
}

.core-list .slide {
	margin-bottom: 30px;
}

.core-list .slide .img-cont {
	margin-bottom: 15px;
	position: relative;
}

.core-list .slide .img-cont img {
	width: 100%;
}

@media (min-width: 640px) {
	.core-list {
		margin: 0 auto 100px;
	}
	.core-list .slide > .inner {
		display: flex;
	}

	@supports (display: grid) {
		.core-list .slide > .inner {
			display: grid;
			grid-template-columns: 1fr 3fr;
		}
	}

	.core-list .slide .img-cont {
		flex: 1;
		margin-bottom: 0;
	}

	.core-list .slide .content-section {
		flex: 3;
		padding: 18px 24px;
	}
}

/* This is for IE non-Grid specific styling */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.core-list .slide .img-cont {
		padding-bottom: 0;
		height: auto;
	}
}

.core-list .slide h3 {
	margin: 0;
	margin-bottom: 6px;
	font-size: 24px;
}

.core-list .slide .subhead {
	display: none;
}

.core-list .view-all {
	color: #fff;
    font-family: acumin-pro, sans-serif;
    font-style: normal;
    font-weight: 800;
    line-height: 1em;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #1a2e37;
	padding: 16px 45px;
	text-decoration: none;
}

.core-list .view-all:hover {
    background-color: #137d76;
}

.core-list .view-all:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #005d84;
    outline: none;
}

.core-list h3 a {
	text-decoration: none;
}