.header {
	display: flex;
	justify-content: space-between;
	padding: 1.5rem;
}

.header .links {
	display: flex;
	justify-content: end;
	gap: 1rem;
}
/* Navigation */

.header {
	background: #9e2222;
	color: white;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2rem 1rem;
}

.logo p {
	font-weight: 200;
	text-transform: uppercase;
	font-size: 1.4rem;
}

.logo span {
	font-weight: 600;
}

.nav {
	display: flex;
	gap: 15px;
	text-transform: uppercase;
	font-weight: 200;
}

/* Hero */
.hero {
	height: 80vh;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),
		url(https://aquaristsacrosscanada.com/cdn/shop/files/FLORIDA_GAR_Lepisosteus_Platyrhincus.jpg?v=1733022842
)
;
	background-size: cover;
	display: flex;
	align-items: center;
	color: white;
	padding: 1rem;
}

.content {
	max-width: 55rem;
}

.content h1 {
	font-size: 4rem;
	text-transform: uppercase;
}

.content p {
	padding-bottom: 2rem;
}

.content a {
	border: 1px solid #fff;
	padding: 6px 26px;
	border-radius: 10px;
	text-transform: uppercase;
	font-weight: 500;
}

.content a:hover {
	background: white;
	color: black;
}

* {
	margin: 0px;
	padding: 0px;
	font-family: "Jost", sans-serif;
}

.wrapper {
	padding: 2rem 2rem;
}

.heading {
	text-transform: uppercase;
	margin-bottom: 2rem;
}

.heading p {
	color: #232323;
}

.heading h1 {
	font-weight: 800;
	font-size: 2.5rem;
	color: #9e2222;
}

.grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2rem;
}

.card {
	width: 100%;
	background: #f5f5f5;
	border-radius: 10px;
	overflow: hidden;
}

.content {
	padding: 20px;
}

.content h2 {
	padding-bottom: 0.5rem;
	text-transform: uppercase;
}

.content p {
	padding-bottom: 1.5rem;
}

.content a {
	padding: 6px 20px;
	background: #9e2222;
	border-radius: 10px;
	color: white;
	text-transform: uppercase;
}

.img-container {
	width: 100%;
	height: 150px;
	display: flex;
	align-items: end;
	overflow: hidden;
}

.img-container img {
	width: 100%;
	height: auto;
}
* {
	margin: 0px;
	padding: 0px;
	font-family: "Jost", sans-serif;
}

.wrapper {
	padding: 2rem 2rem;
}

.heading {
	text-transform: uppercase;
	margin-bottom: 2rem;
}

.heading p {
	color: #232323;
}

.heading h1 {
	font-weight: 800;
	font-size: 2.5rem;
	color: #9e2222;
}

.grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2rem;
}

.card {
	width: 100%;
	background: #f5f5f5;
	border-radius: 10px;
	overflow: hidden;
}

.content {
	padding: 20px;
}

.content h2 {
	padding-bottom: 0.5rem;
	text-transform: uppercase;
}

.content p {
	padding-bottom: 1.5rem;
}

.content a {
	padding: 6px 20px;
	background: #9e2222;
	border-radius: 10px;
	color: white;
	text-transform: uppercase;
}

.img-container {
	width: 100%;
	height: 150px;
	display: flex;
	align-items: end;
	overflow: hidden;
}

.img-container img {
	width: 100%;
  height: auto;}

* {
	margin: 0px;
	padding: 0px;
	font-family: "Jost", sans-serif;
}

.wrapper {
	padding: 2rem 2rem;
}

.heading {
	text-transform: uppercase;
	margin-bottom: 2rem;
}

.heading p {
	color: #232323;
}

.heading h1 {
	font-weight: 800;
	font-size: 2.5rem;
	color: #9e2222;
}

.grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2rem;
}

.card {
	width: 100%;
	background: #f5f5f5;
	border-radius: 10px;
	overflow: hidden;
}

.content {
	padding: 20px;
}

.content h2 {
	padding-bottom: 0.5rem;
	text-transform: uppercase;
}

.content p {
	padding-bottom: 1.5rem;
}

.content a {
	padding: 6px 20px;
	background: #9e2222;
	border-radius: 10px;
	color: white;
	text-transform: uppercase;
}

.img-container {
	width: 100%;
	height: 150px;
	display: flex;
	align-items: end;
	overflow: hidden;
}

.img-container img {
	width: 100%;
	height: auto;
}
* {
	margin: 0px;
	padding: 0px;
	font-family: "Jost", sans-serif;
}

.wrapper {
	padding: 2rem 2rem;
}

.heading {
	text-transform: uppercase;
	margin-bottom: 2rem;
}

.heading p {
	color: #232323;
}

.heading h1 {
	font-weight: 800;
	font-size: 2.5rem;
	color: #9e2222;
}

.grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2rem;
}

.card {
	width: 100%;
	background: #f5f5f5;
	border-radius: 10px;
	overflow: hidden;
}

.content {
	padding: 20px;
}

.content h2 {
	padding-bottom: 0.5rem;
	text-transform: uppercase;
}

.content p {
	padding-bottom: 1.5rem;
}

.content a {
	padding: 6px 20px;
	background: #9e2222;
	border-radius: 10px;
	color: white;
	text-transform: uppercase;
}

.img-container {
	width: 100%;
	height: 150px;
	display: flex;
	align-items: end;
	overflow: hidden;
}

.img-container img {
	width: 100%;
	height: auto;
}
 * {
	margin: 0px;
	padding: 0px;
	font-family: "Jost", sans-serif;
}

.wrapper {
	padding: 2rem 2rem;
}

.heading {
	text-transform: uppercase;
	margin-bottom: 2rem;
}

.heading p {
	color: #232323;
}

.heading h1 {
	font-weight: 800;
	font-size: 2.5rem;
	color: #9e2222;
}

.grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2rem;
}

.card {
	width: 100%;
	background: #f5f5f5;
	border-radius: 10px;
	overflow: hidden;
}

.content {
	padding: 20px;
}

.content h2 {
	padding-bottom: 0.5rem;
	text-transform: uppercase;
}

.content p {
	padding-bottom: 1.5rem;
}

.content a {
	padding: 6px 20px;
	background: #9e2222;
	border-radius: 10px;
	color: white;
	text-transform: uppercase;
}

.img-container {
	width: 100%;
	height: 150px;
	display: flex;
	align-items: end;
	overflow: hidden;
}

.img-container img {
	width: 100%;
	height: auto;
}
* {
	margin: 0px;
	padding: 0px;
	font-family: "Jost", sans-serif;
}

.wrapper {
	padding: 2rem 2rem;
}

.heading {
	text-transform: uppercase;
	margin-bottom: 2rem;
}

.heading p {
	color: #232323;
}

.heading h1 {
	font-weight: 800;
	font-size: 2.5rem;
	color: #9e2222;
}

.grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2rem;
}

.card {
	width: 100%;
	background: #f5f5f5;
	border-radius: 10px;
	overflow: hidden;
}

.content {
	padding: 20px;
}

.content h2 {
	padding-bottom: 0.5rem;
	text-transform: uppercase;
}

.content p {
	padding-bottom: 1.5rem;
}

.content a {
	padding: 6px 20px;
	background: #9e2222;
	border-radius: 10px;
	color: white;
	text-transform: uppercase;
}

.img-container {
	width: 100%;
	height: 150px;
	display: flex;
	align-items: end;
	overflow: hidden;
}

.img-container img {
	width: 100%;
	height: auto;
}
* {
	margin: 0px;
	padding: 0px;
	font-family: "Jost", sans-serif;
}

.wrapper {
	padding: 2rem 2rem;
}

.heading {
	text-transform: uppercase;
	margin-bottom: 2rem;
}

.heading p {
	color: #232323;
}

.heading h1 {
	font-weight: 800;
	font-size: 2.5rem;
	color: #9e2222;
}

.grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2rem;
}

.card {
	width: 100%;
	background: #f5f5f5;
	border-radius: 10px;
	overflow: hidden;
}

.content {
	padding: 20px;
}

.content h2 {
	padding-bottom: 0.5rem;
	text-transform: uppercase;
}

.content p {
	padding-bottom: 1.5rem;
}

.content a {
	padding: 6px 20px;
	background: #9e2222;
	border-radius: 10px;
	color: white;
	text-transform: uppercase;
}

.img-container {
	width: 100%;
	height: 150px;
	display: flex;
	align-items: end;
	overflow: hidden;
}

.img-container img {
	width: 100%;
	height: auto;
}
* {
	margin: 0px;
	padding: 0px;
	font-family: "Jost", sans-serif;
}

.wrapper {
	padding: 2rem 2rem;
}

.heading {
	text-transform: uppercase;
	margin-bottom: 2rem;
}

.heading p {
	color: #232323;
}

.heading h1 {
	font-weight: 800;
	font-size: 2.5rem;
	color: #9e2222;
}

.grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2rem;
}

.card {
	width: 100%;
	background: #f5f5f5;
	border-radius: 10px;
	overflow: hidden;
}

.content {
	padding: 20px;
}

.content h2 {
	padding-bottom: 0.5rem;
	text-transform: uppercase;
}

.content p {
	padding-bottom: 1.5rem;
}

.content a {
	padding: 6px 20px;
	background: #9e2222;
	border-radius: 10px;
	color: white;
	text-transform: uppercase;
}

.img-container {
	width: 100%;
	height: 150px;
	display: flex;
	align-items: end;
	overflow: hidden;
}

.img-container img {
	width: 100%;
	height: auto;
}
* {
	margin: 0px;
	padding: 0px;
	font-family: "Jost", sans-serif;
}

.wrapper {
	padding: 2rem 2rem;
}

.heading {
	text-transform: uppercase;
	margin-bottom: 2rem;
}

.heading p {
	color: #232323;
}

.heading h1 {
	font-weight: 800;
	font-size: 2.5rem;
	color: #9e2222;
}

.grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2rem;
}

.card {
	width: 100%;
	background: #f5f5f5;
	border-radius: 10px;
	overflow: hidden;
}

.content {
	padding: 20px;
}

.content h2 {
	padding-bottom: 0.5rem;
	text-transform: uppercase;
}

.content p {
	padding-bottom: 1.5rem;
}

.content a {
	padding: 6px 20px;
	background: #9e2222;
	border-radius: 10px;
	color: white;
	text-transform: uppercase;
}

.img-container {
	width: 100%;
	height: 150px;
	display: flex;
	align-items: end;
	overflow: hidden;
}

.img-container img {
	width: 100%;
	height: auto;
}
* {
	margin: 0px;
	padding: 0px;
	font-family: "Jost", sans-serif;
}

.wrapper {
	padding: 2rem 2rem;
}

.heading {
	text-transform: uppercase;
	margin-bottom: 2rem;
}

.heading p {
	color: #232323;
}

.heading h1 {
	font-weight: 800;
	font-size: 2.5rem;
	color: #9e2222;
}

.grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2rem;
}

.card {
	width: 100%;
	background: #f5f5f5;
	border-radius: 10px;
	overflow: hidden;
}

.content {
	padding: 20px;
}

.content h2 {
	padding-bottom: 0.5rem;
	text-transform: uppercase;
}

.content p {
	padding-bottom: 1.5rem;
}

.content a {
	padding: 6px 20px;
	background: #9e2222;
	border-radius: 10px;
	color: white;
	text-transform: uppercase;
}

.img-container {
	width: 100%;
	height: 150px;
	display: flex;
	align-items: end;
	overflow: hidden;
}

.img-container img {
	width: 100%;
	height: auto;
}