.vguide {
	padding: 30px 30px 40px;
}

.vguide,
.vguide a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-decoration: none;
    width: 100%;
    height: 100%;
}

.vguide .icon {
	margin-bottom: 15px;
}
.vguide .title {
	font-family: "acumin-pro", sans-serif;
    text-transform: uppercase;
    font-weight: 800;
	font-size: 30px;
	color: #1a2e37;
	text-align: center;
	transition: color .4s ease;
	line-height: 1.2em;
	margin-bottom: 10px;
	max-width: 250px;
}

.vguide.enews .title {
	max-width: 230px;
}

.vguide .description {
	font-size: 16px;
	text-align: center;
	transition: color .4s ease;
	line-height: 1.2em;
	max-width: 190px;
}

.vguide:hover .title,
.vguide:hover .description {
	color: #fff;
	transition: color .4s ease;
}

.vguide .icon {
	width: 100px;
	height: 100px;
	position: relative;
}

.vguide .icon::before{
	content: "";
	position:absolute;
	top:0;
	left: 0;
	width: 100px;
	height: 100px;
	opacity: 0;
	transition: opacity .4s ease;
}

.vguide:hover .icon::before {
	transition: opacity .4s ease;
	opacity: 1;
}

.vguide.vg .icon {
	background-image: url('../svg/vg-icon-navy.svg');
}

.vguide.vg .icon::before {
	background-image: url('../svg/vg-icon-teal.svg');
}

.vguide.enews .icon {
	background-image: url('../svg/enews-icon-gold.svg');
}

.vguide.enews .icon::before {
	background-image: url('../svg/enews-icon-teal.svg');
}