/* Style page just for home/index.html
   mainly for the margin on the bottom
   of the footer, to compensate for the
   pop-up banner. */

header {
  grid-template-rows: repeat(3, auto);
}

.btn--donate,
.btn--volunteer,
.btn--urgent {
  grid-row: 3 / 4;
}

.PAWS-for-a-purpose {
  grid-row: 5 / 6;
  grid-column: 9 / 13;
  margin-bottom: 1rem;
  font-family: "Dancing Script", cursive;
  font-size: 1.5rem;
  font-weight: 400;
  color: rgb(var(--ss-main-color));
}

.PAWS-for-a-purpose a:link,
.PAWS-for-a-purpose a:visited {
  color: rgb(var(--ss-main-color));
}

footer {
  margin-bottom: 12vh;
}

@media screen and (min-width: 420px) {
  header {
    grid-template-rows: repeat(4, auto);
  }

  .btn--donate,
  .btn--volunteer,
  .btn--urgent {
    grid-row: 4 / 5;
  }
}