/* utility */
.small {
  font-size: 0.875rem;
}

/* padding */
.pam {
  padding: 1rem;
}

.pbm {
  padding-bottom: 1rem;
}

.ptm {
  padding-top: 1rem;
}

.prm {
  padding-right: 1rem;
}

.plm {
  padding-left: 1rem;
}

/* header */
header {
  background: #eee;
  padding: 1rem;
}

header .menu {
  justify-content: flex-end;
}

header .menu .button {
  padding: 0.5rem 1rem;
}

/* footer */
footer .grid-container {
  border-top: 1px solid #eee;
  margin-top: 2rem;
  padding: 1rem;
}

footer .cell:last-child .menu {
  justify-content: flex-end;
}

@media (max-width: 768px) {
  footer .menu {
    flex-direction: column;
  }

  footer .menu li {
    padding: 0.5rem;
  }
}


/* hero */
.hero {
  background: #ddd;
  padding: 3rem 1rem;
}

/* images */
figure {
  background: #ddd;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  min-height: 100px;
  padding: 0.5rem;
}

figure.tall {
  min-height: 200px;
}

@media (min-width: 768px) {
  figure.video {
    min-height: 500px;
  }
}

/* blockquotes */
blockquote,
cite {
  color: #000;
}

/* tabs */
.tabs .is-active {
  background: #e6e6e6;
}