body {

	background-color: var(--white);

}



.borchures-wrapper {

	display: grid;

	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));

	grid-auto-flow: row;

	justify-items: center;

	gap: 20px;

	margin: 0 auto;

}



.brochure-card {

	width: 100%;

	max-width: 450px;

	border: 1px solid transparent;

	transition: border-color .2s ease;

	padding: 8px;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

}



.brochure-card:hover {

	border-color: var(--primary);

}



.brochure-card .brochure-image {

	width: 100%;

	height: 240px;

}



.brochure-card .brochure-image img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.brochure-card h4 {

	font-size: 18px;

	font-weight: 700;

}



.brochure-download-btn {

	padding: 16px;

	width: 100%;

	font-weight: 700;

	text-wrap: nowrap;

	text-align: center;

	background-color: var(--white);

	color: var(--black);

	border: 1px solid var(--line-color);

	transition: color .2s ease, background-color .2s ease, border-color .2s ease;

}



.brochure-card:hover .brochure-download-btn {

	background-color: var(--primary);

	color: var(--white);

	border-color: var(--primary);

}



.brochure-card:hover  .brochure-download-btn:hover {

	background-color: var(--primary-hover);

	border-color: var(--primary-hover);

}



.brochure-card:hover  .brochure-download-btn:active {

	background-color: var(--primary-active);

	border-color: var(--primary-active);

}





@media(min-width: 768px) {

	.brochure-card h4 {

		font-size: 24px;

	}



	.brochure-download-btn {

		max-width: 240px;

	}

}