/* Screens no smaller than a tablet */

/****************************************
* Typography
****************************************/

h2 {
  font-size: 37px;
}

/****************************************
* Header
****************************************/

header .wrapper {
  position: absolute;
  bottom: 4rem;
  left: 4rem;
}

/****************************************
* Board of directors
****************************************/

.staff + .overlay .grid {
  grid-template-columns: auto 1fr;
  grid-gap: 2rem;
}

/****************************************
* Articles
****************************************/

.articles .card:nth-child(3) {
  display: block;
}

/****************************************
* Overlay
****************************************/

.overlay .wrapper {
  padding: 2rem;
}

/****************************************
* Footer
****************************************/

footer > .grid {
  grid-template-columns: auto 1fr;
}

footer > .grid > div:nth-of-type(2) {
  grid-column: 2 / span 1;
  grid-row: 1;
}

footer > .grid > div:last-of-type {
  display: none;
}

footer p {
  font-size: 16px;
  margin-bottom: 0;
}