/* 

.plants .btn {
	margin-top: -52px;
}

.plants img {
	width: 62.6%;
	height: 247px;
	border: solid 2px #522c05
}

.plants p{
	white-space: normal;
	font-size: 32px;
	text-align: center;
	padding: 8%;
}

.plants p.multiple-words{
	padding: 1.5%;
}

.btn-md {
	width: 217px;
	font-size: 35px;
	height: 100%;
}

.btm-round {
	border-radius: 0 0 16px 16px;
}

.plants.trails > div {
	width: inherit;
}


.img-cover {
	object-fit: cover;

}

.no-padding {
	padding: 0;
}

.white-text {
	color: white;
}

#Plant-Title {
	letter-spacing: 7px;
	font-family: sans-serif;
}

#divider {
	border: 1px solid white;
	height: 114px;
	margin: 0 19px;
}

#Quick-Facts {
	font-family: sans-serif;
}

p {
	margin: 0;
}

@media screen and (max-width: 430px) {
	h1 span strong {
		font-size: 62%;
	}
	.plants img {
		height: 220px;
}

	.btn-md {
		width: 310px;
	}

	.plants img {
		width: 310px !important ;
	}

	img[alt~="brittlebush"] {
		object-position: 0 -35px !important;
	}

	div.plants {
		margin-top: 20px;
	}

	div.maincontent {
		margin: auto !important;
	}
}


.plants div {
	height: 72px;
}

.plants div a {
	width: 100%;
}

@media screen and (max-width: 991px) {
	.plants img {
			height: 320px;
	}
} */

#plant-grid{
	margin: auto;
	display: grid;
	justify-items: center;	
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.5rem;
	padding-top: 2.25rem;
}

#plant-card{
	display: grid;
	grid-template-rows: 74% 26%;
	height: 20rem;
	width: 16rem;
	border-radius: 1.5rem;
	--tw-bg-opacity: 1;
  background-color: rgb(82 44 5 / var(--tw-bg-opacity));
	text-decoration-line: none;
	background-color: #522c05;
}

#plant-card:hover{
	background-color: #654526;
}

#plant-img{
	height: 100%;
	width: 100%;
	border-top-left-radius: 1.5rem/* 24px */;
  border-top-right-radius: 1.5rem/* 24px */;
	object-fit: cover;
}

#plant-text{
	margin: auto;
	text-align: center;
	font-size: 1.9rem/* 24px */;
  line-height: 2rem/* 32px */;
	--tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media screen and (min-width: 1280px){
	#plant-grid{
		width: 100% !important;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media screen and (min-width: 1024px){
	#plant-text{
	font-size: 2.875rem/* 30px */;
	line-height: 3.25rem/* 36px */;
	}
}

@media screen and (min-width: 768px) {
	#plant-grid{
		gap: 4.5rem;
		width: 66.666667%;
	}

	#plant-card{
		height: 27rem;
		width: 23rem;
	}
}