/* Estrutura de largura maxima para paginas de conteudo. */
.container {
  color: var(--text-color);
  padding: 0 25px 30px;
  margin: 0 auto;
  max-width: 800px;
  text-align: left;
}

/* Espaco superior abaixo do header. */
main.container.page-below-header {
  margin-top: 100px;
  padding: 15px 32px 40px;
}

/* Espacamento do texto introdutorio abaixo dos titulos. */
.container .text-container {
  margin-bottom: 15px;
  text-align: left;
}

.title-wrapper h1 {
  font-size: var(--font-size-20);
}

@media (min-width: 768px) {
  .container h1 {
    font-size: var(--font-size-30);
  }
}