#srv_bn {
	padding: 50px 0
}
#srv_bn a.col_wrapper {
	display: block; border-radius: 6px; background: #f7f7f7dd;
}
#srv_bn .icon,#srv_bn .more {
	top:100%; left: 50%; z-index: 1; transform: translate(-50%,-50%); 
}
#srv_bn .icon {
	height: 50px; width: 50px; border-radius: 100%; border:solid 4px #f7f7f7dd;
}
#srv_bn .padding_ratio {
	border-radius: 6px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; overflow: hidden;
}
#srv_bn .padding_ratio:before {
	padding-bottom: 66.66%;
}
#srv_bn h3 {
	text-align: center;font-size: 1.4rem; color: #6e0005; padding:1em 0; margin:0;
}
#srv_bn .more {
	background: white; border-radius: 10px; border:solid 1px #dddd;padding: .15em 3em; text-transform: uppercase;
}
#srv_bn a {
	color: inherit;
}
#srv_bn a:hover {
	text-decoration: none;
}
#srv_bn a.col_wrapper:hover {
	border:solid 2px #6e0005;
}
#srv_bn .col_wrapper:hover .more {
	background: #6e0005; transition: .6s; color: white
}
#srv_bn .col-4 {
	margin-bottom: 20px;
}
@media (min-width: 640px) and (max-width: 850px) {
	#srv_bn {
		padding-top: 20px;
		padding-bottom: 30px;
	}
	#srv_bn .col-4 {
		-ms-flex: 0 0 33.333%;
		flex: 0 0 33.333%;
		max-width: 33.333%;
		padding:0 5px;
		margin-left: -1px;
		margin-right: -1px;
		margin-bottom: 20px;
	}
}
@media (max-width: 425px) {
	#srv_bn {
		padding: 10px 0;
	}
}