#primary.primary-tools {
	float: none !important;
	width: 80%;
	display: block;
	margin: 0 auto !important;
}
.catalog-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	
}

@media (max-width: 480px) {
	.catalog-wrapper .cat-wrapper {
	width: 100%;
}	
}

@media (min-width:481px) and (max-width:767px) {
	.catalog-wrapper .cat-wrapper {
	width: 50%;
}	
}

@media (min-width:768px) and (max-width: 1023px) {
.catalog-wrapper .cat-wrapper {
	width: 33.33%;
}		
}

@media (min-width: 1024px) {
.catalog-wrapper .cat-wrapper {
	width: 25%;
}	
}
.cat-wrapper {
	border: 2px solid #fff;
}
.cat-wrapper .cat-content {
	overflow: hidden;
	width: 100%;
	position: relative;
	display: block;
	
}

.cat-wrapper .cat-content:hover .cat-content__header {
	opacity: 1;
}

.cat-wrapper .cat-content .cat-content__header {
	transition: all .25s;
	-o-transition: all .25s;
	-ms-transition: all .25s;
	-moz-transition: all .25s;
	-webkit-transition: all .25s;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(26,115,158, 0.75);
	margin: 0 !important;
	padding: 15px !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	opacity: 0;
}
.cat-wrapper .cat-content .cat-content__header .cat-content__header--title {
	color: #fff !important;
	text-align: center;
	padding: 10px;
	margin: 0 !important;
}
.cat-wrapper .cat-content .cat-content__main {
	width: 100%;
	position: relative;
	display: block;
}
.cat-wrapper .cat-content .cat-content__main .cat-content__main--img {
	position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: auto 0 -120% 0;
  right: 0;
  max-width: 100%;
	transition: all .25s;
	-o-transition: all .25s;
	-ms-transition: all .25s;
	-moz-transition: all .25s;
	-webkit-transition: all .25s;
}
.cat-wrapper .cat-content:hover .cat-content__main--img {
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}