/*---------SPOC INDIVIDUAL CATEGORIES---------*/
.category-image-grid{
    border-radius:5px;
}
/*---------SPOC INDIVIDUAL CATEGORIES---------*/

/*---------TEXT OVERLAY---------*/
.category-grid{
    padding:20px;
}
.category-grid-content{
		position:relative;
}
.grid-name{
    position: absolute;
    top: 50%;
    left: 42%;
    height: auto;
    width: 66%;
    margin: -6% 0 0 -25%;
	text-align:center;
}
.category-grid:nth-child(3) .grid-name,
.category-grid:nth-child(4) .grid-name,
.category-grid:nth-child(8) .grid-name,
.category-grid:nth-child(11) .grid-name{
	top: 47.5%;
}
.category-grid:nth-child(10) .grid-name{
	top: 41.5%;
}
.category-name-grid{
	margin:auto;
}
.grid-name a,
.grid-name a:hover{
    color:#FFF;
}
.grid-overlay{
    border-radius:5px;
}
.grid-overlay{
    position:absolute;
    background-color:rgba(0, 0, 0, 0.3);
    width:230px;
    height:230px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
@media (max-width: 767px) {
	.category-grid .grid-name{
		top:50%;
	}
	.grid-name{
		left:30%;
		width:90%;
	}
	
}
@media (max-width: 480px) {
    .category-grid-content{
		position:static;
	}
	.category-grid{
        padding:5px!important;
    }
    .grid-overlay{
        width:94%;
        height:94%;
    }
}
@media (max-width: 320px) {
    .grid-name{
        top: 20%;
        font-size:14px;
    }
    .category-name-grid{
        font-size:14px;
    }
} 
/*---------TEXT OVERLAY---------*/