.grade {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  position: center;
}

.coluna {
  flex: 24%;
  max-width: 35%;
  padding: 0 4px;
  margin: auto;
}

.coluna img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

.subtitulo {
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  color: rgb(0, 0, 0);
  font-size: 40pt;
  text-shadow: 2px 2px 2px white;
}


.sobrefundo {
  position: relative;
  text-align: center;
  color: white;
  font-family: Georgia, 'Times New Roman', Times, serif;
}

.topoesq {
  position: absolute;
  text-align: left;
  text-shadow: 2px 2px 2px black;
  color: white;
  top: 8px;
  left: 16px;
}

.topodir {
  position: absolute;
  text-align: right;
  text-shadow: 2px 2px 2px black;
  color: white;
  top: 8px;
  right: 16px;
}

.textocont {
  font-size: 20pt;
  font-family: Georgia, 'Times New Roman', Times, serif;
  color: white;
}