#categories-homepage {


}

#categories-homepage .categories {
	display: flex;
    flex-wrap: wrap;
    padding: 30px 0 20px 0;
}
#categories-homepage .category-item {
	width: 33%;
	display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 30px 10px;
}
#categories-homepage .category-item a {
	width: 100%;
	border: solid 1px transparent;
}
#categories-homepage .category-item a:hover {
	border: solid 1px #e30613;
}
#categories-homepage .category-container {
	width: 100%;
	height: 100%;
	background-color: white;
	display: flex;
	flex-wrap: wrap;
}
#categories-homepage .category-img {
	width: 100%;	
}
#categories-homepage .category-img img {
	object-fit: cover;
    width: 100%;
    height: 100%;
    min-height: 200px;
    max-height: 220px;	
}
#categories-homepage .category-title {
	width: 100%;
	background-color: white;
	padding: 10px 0;
	text-align: center;	
}
#categories-homepage .category-title h3 {
	color: #1d1d1b;
	font-weight: normal;
	text-align: center;
    font-size: 1.75em;
    text-transform: uppercase;
}
#categories-homepage .category-link {
	position: relative;
	width: 100%;
	padding: 5px 5px 8px 5px;
	text-align: center;
}
#categories-homepage .category-link span {
	position: relative;
	color: #e30613;
	font-weight: bold;	
}
#categories-homepage .category-link span:before {
    content: '';
    display: flex;
    position: absolute;
    background-color: transparent;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-left: 6px solid #e30613;
    border-bottom: 3px solid transparent;
    left: -10px;
	top: 9px;
}
#categories-homepage .category-link span:hover {
	color: #1d1d1b;
}

@media screen and (max-width: 1200px){

#categories-homepage .category-title h3 {
    font-size: 1.5em;
}

}

@media screen and (max-width: 1200px){

#categories-homepage .category-item {
	width: 50%;
}
#categories-homepage .category-img img {
	min-height: 180px;
	max-height: 180px;
	height: 180px;
}

}

@media screen and (max-width: 540px){

#categories-homepage .category-item {
	width: 100%;
}
#categories-homepage .category-img img {
	min-height: 180px;
	max-height: 180px;
	height: 180px;
}

}