p {
padding-bottom: 16px;	
}

.info {
padding-left: 8px;
padding-bottom: 16px;
width: 332px;	
}

.category {
width: 100%;
padding-bottom: 16px;
clear: both;	
display: inline-block;
}

.tag {
padding-left: 8px;
padding-bottom: 4px;	
}

.index-img-wrap {
box-sizing: border-box;
padding: 0 8px 16px 8px;
width: 33.3333333333333334%;
float: left;
}

.index-img img {
width: 100%;
height: 100%; 
object-fit: cover;
filter:grayscale(100%) sepia(7%) hue-rotate(155deg) brightness(93%) saturate(175%) contrast(100%);
-webkit-filter:grayscale(100%) sepia(7%) hue-rotate(155deg) brightness(93%) saturate(175%) contrast(100%);
}

.index-img img:hover {
filter: none;
-webkit-filter: none;
}

@media screen and (min-width: 1025px) { 

.index-img-wrap {
width: 16.666666666666667%;	
}

}	

@media screen and (min-width: 697px) and (max-width: 1352px) { 

.index-img-wrap {
width: 20%;	
}

}

@media screen and (min-width: 573px) and (max-width: 696px) { 

.index-img-wrap {
width: 25%;	
}

}	

/* mobile */

#mobile {
display: none;
}

#desktop {
display: block;
}

@media screen and (max-width: 760px) { 

#mobile {
display: block;
}

#desktop {
display: none;
}

}