.bg-sp{
  background-image: linear-gradient(180deg, #fff, #f9f9f9);
}


.image{
    width: 30vw;
    max-width: 300px;
    margin: 1vh 1vw;
}
.image{
    display: inline-block;
    height: 20vw;
    max-height: 200px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.spotlight.image{
    cursor: pointer;
}

.spotlight-group{
	display:table;
	clear:both;
	width:100%;
	padding:1rem 1rem .5rem 1rem;
}
.spotlight-group div{
	float:left;
	overflow:hidden;
	margin-bottom:.5rem;
	border:solid 3px #fedd49;
	box-shadow:0px 3px 5px rgba(0,0,0,.2);
}
.spotlight-group div img{
	width:100%;
	min-width:100%;
	height:auto;	
}
.spotlight-group div.sp-1{
	width:78%;
	height:25rem;
	margin-right:2%;
	border:solid 3px #fff;
}
.spotlight-group div.sp-1 img{
	min-height:25rem;
}
.spotlight-group div.sp-2{
	width:20%;
	height:8rem;
}
.spotlight-group div.sp-2 img{
	min-height:8rem;
}

#spotlight .icon{
	cursor:pointer;
	background-position:left center;
	background-repeat:no-repeat;
	background-size:30px 30px;
	transition:opacity .2s ease-out
}
#spotlight .header div {
    width: 50px;
}
@media screen and (max-width : 768px) {
#spotlight .icon{
	background-size:25px 25px;
}
#spotlight .header div {
    width: 40px;
}
}