.nav {
  align-items: flex-start;
  gap: 20px;
}

.menu {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px 18px;
}

.cards-grid,
.activity-grid,
.footer-grid,
.footer-links {
  grid-template-columns: 1fr;
}

.sacrament-grid {
  grid-template-columns: repeat(2, 1fr);
}

.community-card,
.activity-card {
  grid-template-columns: 1fr;
}

.community-card img,
.activity-card img {
  height: 220px;
}