.dtn-imagebox {
	max-width: 370px;
}
.dtn-imagebox .img-cont {
	overflow: hidden;
    position: relative;
}
.dtn-imagebox .img-inner {
	padding-top: 55%;
    transition: transform 0.5s;
    width: 100%;
    overflow: hidden;
}
.dtn-imagebox:hover .dtn-imagebox-content {
	border-bottom: 6px solid #cd9700;
	padding-bottom: 16px;
}
.green .dtn-imagebox:hover .dtn-imagebox-content {
	border-bottom: 6px solid #24CE7B;
}
.blue .dtn-imagebox:hover .dtn-imagebox-content {
	border-bottom: 6px solid #318DDE;
}
.red .dtn-imagebox:hover .dtn-imagebox-content {
	border-bottom: 6px solid #E84A36;
}
.dtn-imagebox:hover .dtn-imagebox-content .title {
	color: #222;
	text-decoration: underline;
}

.dtn-imagebox:hover .img-inner {
	transform: scale(1.025);
}
.dtn-imagebox img {
	width: 100%;
}
.dtn-imagebox .dtn-imagebox-content {
	padding-top: 15px;
	text-align: left;
	border-bottom: 1px solid lightgray;
	padding-bottom: 22px;
}
.dtn-imagebox .dtn-imagebox-content .title {
	display: block;
	font-family: "merriweather", Arial, Helvetica,sans-serif;
	color: #cd9700;
	line-height: 20px;
	margin-bottom: 10px;
	font-weight: 600;
}
.dtn-imagebox .dtn-imagebox-content .subtitle {
	font-family: "merriweather", Arial, Helvetica,sans-serif;
	line-height: 16px;
	font-size: 14px;
	color: #444;
}

@media (max-width: 641px) {
	.dtn-imagebox {
		max-width: 100%;
		margin: 0 auto 25px;
	}
}