body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1;
}

.navbar-item img {
    max-height: 3.2em;
}
.navbar-item {
    font-size: large;
}

.max-800px {
    max-width: 60em;
}

.narrow-background {
    display: table;
    padding: 0.5em;
}

.has-background-primary {
    background-color: #00000061!important;
}

.hero.is-fullheight-with-navbar {
    min-height: calc(80vh - 3.25rem);
}

.title-image {
    padding-bottom: 2em;
}

.card {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

.card-content {
      height: 100%;
  }