.hovereffect {
    transition: all .4s
}

.hovereffect:hover {
    transform: scale(1.04)
}

.event {
	transition: all .4s;
	background-color: #D33F4900;
	padding-top: 0px
}

.event:hover {
	background-color: #D33F491A;
	transform: scale(1.04);
}

.event:hover img {
	opacity: 0.5
}
.bg-gray {
	background-color: #f7f7f7;
}

.points {
	line-height: 3.5rem;
}

.points i {
	font-size: 22px;
	color:#ff0083;
}
.hero {
	height: 30vh;min-height: 300px;
}
.bg-semi {
	background-color: rgb(255,255,255,0.7)
}

.card-title, card-sub, card-text:hover {
	text-decoration: none;
}