.stories-feature {
	background: url(../images/gray-grunge-bkg.jpg) no-repeat center center #fff;
	background-size: cover;
	border-bottom: solid #fff 1rem;
	color: #000;
	font-size: 1.5rem;
	overflow: hidden;
	padding: 3rem 0;
	position: relative;
}

.stories-feature h2 {
	color: var(--color-dark-blue);
	font-size: 2rem;
}

.stories-feature a {
	color: #000;
	text-decoration: none;
}

.stories-feature a:hover {
	color: var(--color-blue);
}

.tapper {
	bottom: -3rem;
	right: 0;
	opacity: 0.3;
	position: absolute;
	transform: rotate(15deg);
	width: 15%;
}

.tapper svg {
	height: auto;
	width: 60%;
}

.stories {
	font-size: 0;
	position: relative;
	z-index: 2;
}

.story {
	box-sizing: border-box;
	display: inline-block;
	font-size: 1rem;
	padding: 0 1rem;
	vertical-align: top;
	width: 33.333%;
}

.story-image {
	margin-bottom: 1rem;
	overflow: hidden;
}

.story img {
	height: auto;
	width: 100%;
}

.story-excerpt {
	margin-bottom: 1rem;
}

/* Tablets - General */

@media (min-width: 768px) and (max-width: 1024px) {
	
	.tapper {
		right: -20%;
	}
	
}

/* Smartphones - General */

@media (max-width: 767px) {
	
	.story {
		display: block;
		margin-bottom: 2rem;
		padding: 0;
		width: 100%;
	}
	
	.tapper {
		display: none;
	}

}