.spotlight-group{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	width: 100%;;
}
.spotlight-group li{
	width:24.25%;
	margin: 0rem 1% 1% 0rem!important;
}
.spotlight-group li:nth-child(4n){
	margin: 0rem 0% 1% 0rem!important;
}
.image{
    height: auto;
	width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.spotlight.image{
    cursor: pointer;
	opacity: 1;
	-webkit-transition: .3s;
	transition: .3s;
}
.spotlight.image:hover{
	opacity: 0.6;
	-webkit-transition: .3s;
	transition: .3s;
}
@media screen and (max-width: 768px) {
	.spotlight-group li{
		width:32.666%;
		margin: 0rem 1% 1% 0rem!important;
	}
	.spotlight-group li:nth-child(4n){
		margin: 0rem 1% 1% 0rem!important;
	}
	.spotlight-group li:nth-child(3n){
		margin: 0rem 0% 1% 0rem!important;
	}
	.image{
		height: 30vw;
	}
}