/* Fundraising image */
.nonprofit-front.np-fundraising{
  background-image:url("../assets/images/nonprofit-fundraising.png");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}

/* Desktop: 3 cards on top, 2 centered below */
.flip-grid-nonprofit,
.overview-service-grid-2{
  width:100%;
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.flip-grid-nonprofit > .flip-card,
.overview-service-grid-2 > .overview-service-card{
  grid-column:span 2;
}
.flip-grid-nonprofit > .flip-card:nth-child(4),
.overview-service-grid-2 > .overview-service-card:nth-child(4){
  grid-column:2 / span 2;
}
.flip-grid-nonprofit > .flip-card:nth-child(5),
.overview-service-grid-2 > .overview-service-card:nth-child(5){
  grid-column:4 / span 2;
}

/* Tablet: 2 columns, fifth centered */
@media (max-width:1040px) and (min-width:761px){
  .flip-grid-nonprofit,
  .overview-service-grid-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .flip-grid-nonprofit > .flip-card,
  .overview-service-grid-2 > .overview-service-card{
    grid-column:auto;
  }
  .flip-grid-nonprofit > .flip-card:nth-child(5),
  .overview-service-grid-2 > .overview-service-card:nth-child(5){
    grid-column:1 / -1;
    width:calc(50% - 14px);
    justify-self:center;
  }
}

/* Mobile: one card per row */
@media (max-width:760px){
  .flip-grid-nonprofit,
  .overview-service-grid-2{
    grid-template-columns:1fr;
  }
  .flip-grid-nonprofit > .flip-card,
  .flip-grid-nonprofit > .flip-card:nth-child(4),
  .flip-grid-nonprofit > .flip-card:nth-child(5),
  .overview-service-grid-2 > .overview-service-card,
  .overview-service-grid-2 > .overview-service-card:nth-child(4),
  .overview-service-grid-2 > .overview-service-card:nth-child(5){
    grid-column:auto;
    width:100%;
  }
}