/* Regra global de tamanho para os títulos de seção (h2) em todo o site.
   Mesmo tamanho do H1 do hero da home ("Tenha a sua loja Virtual
   especializada em Atacado."): 40px no mobile, 48px a partir de 640px,
   56px a partir de 1024px. Carregado em todas as páginas — não editar
   o tamanho de título de seção em CSS de página individual, editar
   aqui pra manter todo o site consistente. */
h2 {
  font-size: 40px !important;
  line-height: 1.15 !important;
}

@media (min-width: 640px) {
  h2 {
    font-size: 48px !important;
  }
}

@media (min-width: 1024px) {
  h2 {
    font-size: 56px !important;
  }
}

/* Texto de apoio logo abaixo do H1 do hero, em todas as páginas
   (ex.: "Seu catálogo bonito / Seus produtos organizados / Suas
   vendas aceleradas / Conheça todo o ecossistema da Colmy." na home).
   Selecionado como "o <p> que vem logo depois do <h1>" — não precisa
   de classe nova em cada página. Maior e com mais peso que antes. */
h1 + p {
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}

@media (min-width: 640px) {
  h1 + p {
    font-size: 21px !important;
  }
}