@charset 'utf-8';
/* CSS Document */

/*------- definição de variáveis do site */
:root { 
   --geral-padrao-fonte-padrao: Arial; 
   --geral-padrao-estilo: normal; 
   --geral-padrao-tamanho: 16px; 
   --textos-chapeu-fonte-padrao: Montserrat; 
   --textos-chapeu-tamanho: 12px; 
   --textos-chapeu-cor: #ff0000; 
   --textos-chapeu-peso-da-fonte: 900; 
   --textos-chapeu-capitalizacao: uppercase; 
   --textos-titulo-pequeno-fonte-padrao: Arial; 
   --textos-titulo-pequeno-estilo: normal; 
   --textos-titulo-pequeno-tamanho: 16px; 
   --textos-titulo-medio-fonte-padrao: Arial; 
   --textos-titulo-medio-estilo: normal; 
   --textos-titulo-medio-tamanho: 16px; 
   --textos-titulo-grande-fonte-padrao: Arial; 
   --textos-titulo-grande-estilo: normal; 
   --textos-titulo-grande-tamanho: 16px; 
   --textos-texto-do-conteudo-fonte-padrao: Arial; 
   --textos-texto-do-conteudo-estilo: normal; 
   --textos-texto-do-conteudo-tamanho: 16px; 
   --textos-texto-do-titulo-fonte-padrao: Arial; 
   --textos-texto-do-titulo-estilo: normal; 
   --textos-texto-do-titulo-tamanho: 16px; 
   --cabecalho-titulo-fonte-padrao: Arial; 
}; 
html, body { 
   font-family: var(--geral-padrao-fonte-padrao); 
   font-style: var(--geral-padrao-estilo); 
   font-size: var(--geral-padrao-tamanho); 
} 
@media(max-width: 767px) { 
   font-size: 18px; 
} 
@media (min-width: 768px) and (max-width: 1024px) { 
}