h1, h3, h4 {
font-family: Arial, sans-serif;
}

h2 {
font-family: Arial, sans-serif;
margin-left: 4.5%;
margin-top: 1em;
margin-bottom: 1em;
}

.community-nav {
display: flex;
justify-content: center;
gap: 1rem;
flex-wrap: wrap;
padding: 2rem;
}

.community-nav button {
background-color: #F7F7F7;
border: 2px solid #014038;
padding: 0.5rem 1rem;
border-radius: 4px;
color: #00231c;
font-weight: bold;
cursor: pointer;
}

.reviews-header {
display: flex;
gap: 1rem;
margin-top: 0.5rem;
}

.reviews-header-text {
display: flex;
gap: 1rem;
width: 90%;
margin-left: 1%;
}

.reviews-header-controls {
display: flex;
gap: 1rem;
margin-right: 4.5%;
padding-top: 25px;
}

.reviews-header-controls button{
background-color: #F0C06D;
border: none;
padding: 0.5rem 1rem;
border-radius: 4px;
color: #00231c;
font-weight: bold;
cursor: pointer;
width: 100px;
height: 30px;
}

.review-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2rem;
padding-bottom: 3%;
}

.review-grid article {
background-color: white;
padding: 2rem 2rem;
border-radius: 6px;
width: 350px;
text-align: center;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.review-grid img {
max-width: 200px;
border-radius: px;
}

.pagination {
text-align: center;
padding-bottom: 2rem;
}

.pagination ul {
list-style: none;
display: inline-flex;
gap: 0.5rem;
padding: 0;
}

.pagination a {
background: white;
padding: 0.5rem 0.75rem;
border: 1px solid #014038;
border-radius: 4px;
color: #00231c;
}

.share-experience {
text-align: center;
margin: 1rem 0;
}

.share-experience button {
background-color: #F7F7F7;
border: 2px solid #014038;
padding: 0.75rem 1.5rem;
border-radius: 4px;
color: #00231c;
font-weight: bold;
cursor: pointer;
}

.community-events {
padding: auto
}

.community-events button {
display: block;
margin: 2rem auto 2rem;
background-color: #F7F7F7;
border: 2px solid #014038;
padding: 0.75rem 1.5rem;
border-radius: 4px;
color: #00231c;
font-weight: bold;
cursor: pointer;
}

.event-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2rem;
}

.event-grid article {
background-color: white;
padding: 2rem 2rem;
border-radius: 6px;
width: 350px;
text-align: center;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.partners {
padding: auto;
text-align: center;
margin-bottom: 2%;
}

.partner-logos {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2rem;
}

.partner-logos article {
background-color: white;
padding: 2rem 2rem;
border-radius: 6px;
width: 350px;
text-align: center;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}