#categories {
	padding: 0px;
	z-index: 3;
    position: relative;
}

.categories-list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.category-item {
	position: relative;
	background-position: center;
	background-size: cover;
	padding-top: 115%;
	cursor: pointer;
    transition: 0.35s ease-out all;	
}

.category-item:before {
    content: "";
    background: linear-gradient(180deg, rgba(25, 57, 18, 0.00) 0%, #3f5c00 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.3;
    transition: 0.35s ease-out all;
}

.category-item:hover:before {
    opacity: 1;
}

.category-item-content {
	display: flex;
	align-items: center;
    position: absolute;
	bottom: 20px;
    left: 30px;	
    right: 30px;
    z-index: 2;
}

.category-item svg {
	margin-left: auto;
	height: 20px;
}

.category-item-title {
	color: #fff;
	font-size: 40px;
    line-height: 1;
    margin-bottom: 0px;
}

.category-item-title span {
	letter-spacing: 3px;
}

.category-item-title span:last-child {
	display: block;
}

@media (min-width: 980px) {
	.category-item:hover {
		transform: translateY(20px);	
	}
}

@media (max-width: 980px) {
    #categories {
        padding: 0px;
    }

	.categories-list {
		display: grid;
		grid-template-columns: 1fr;
	}    
}