#categoryList {
	list-style:none;
	margin:0;
	padding:0;
}



#categoryList > li {
	display:inline-block;
	position:relative;
	margin-left:35px;
	font-family: 'Source Sans Pro';
	font-size: 16px;
	font-weight: lighter;
	cursor:pointer;
}

#categoryList > li > a:first-child {
	display:block;
	width:264px;
	height:264px;
	padding:10px;
	background:white;
	box-sizing:border-box;
}

#categoryList > li > .catTitle {
	position:absolute;
	bottom:10px;
	left:10px;
	width:92.4%;
	min-height:40px;
	height: 40px;
	background:#3B3B3B; 
	color:white;
	text-align:center;
	transition:all .2s linear;
	border-top: 4px solid rgb(239, 239, 239);
	padding-top:8px;
}

.catTitle p {max-height:0;margin:10px 0;padding:0 5px;width:100%;font:normal 12px/18px 'Source Sans Pro';transition:all .2s linear;-webkit-transition:all .2s linear;overflow:hidden;}

#categoryList > li:hover > .catTitle {min-height:120px;background:#5AB24D;}
#categoryList > li:hover > .catTitle p {max-height:80px;}
#categoryList > li {margin-left: 38px;margin-top: 28px;}
#categoryList > li.first_item {
	margin-left:0;
}
.home_categories {padding-top:40px;padding-bottom: 20px;}
.home_categories h2 {display: none;}
@media (max-width: 767px){
    .home_categories {padding-top:0;}
}
@media (min-width: 768px){
    #categoryList > li {
        -webkit-box-shadow: 10px 10px 0px 0px rgba(183, 183, 183, 0.75);
        -moz-box-shadow: 10px 10px 0px 0px rgba(183, 183, 183, 0.75);
        box-shadow: 10px 10px 0px 0px rgba(183, 183, 183, 0.75);
    }
}