.graphicPromo {
	background-color:#0f1420;
	height:100%;
	width:100%;	
}

.graphicPromo-inner {
	height:100%;
	width:100%;
	padding:32px 31px;
	display: flex;
    align-items: flex-end;
    background-image: url('/wp-content/themes/westcott/static/images/hero-gradient.png');
    background-repeat: repeat-x;
	min-height: 280px;
	position: relative;
}

@media(max-width: 1150px) {
	.graphicPromo-inner {
		padding:22px 22px 22px 22px;
	}
}

@media(max-width: 700px) {
	.graphicPromo-inner {
		padding:20px 20px;
	}
}

.graphicPromo-content {
	/*border:1px solid black;*/
}

.graphicPromo-link {
	/*background: red;*/
	display: block;
	height: 100%;
	position: relative;
	text-decoration: none;
	overflow:hidden;
}

.graphicPromo-link:hover .graphicPromo-bg {
	transform: scale(1.1);
}

.graphicPromo-bg {
	background-image: url('/wp-content/themes/westcott/static/images/hero-bg-sm.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom: 0;
	transition: 0.3s transform ease;
}

.graphicPromo-title {
    margin: 0 0 13px 0;
    color: #fff;
    font-size: 35px;
}

@media(max-width: 700px) {
	.graphicPromo-title {
		font-size:26px;
	}	
}

.graphicPromo-text {
    margin: 0;
    font-size: 17.5px;
    color: #fff;
    line-height: 23px;
}

@media(max-width: 700px) {
	.graphicPromo-text {
		font-size: 17px;
		line-height: 22px;
	}	
}