:root{
  --site-heading-spacing:.012em;
  --site-section-heading-spacing:.016em;
  --site-card-heading-spacing:.018em;
  --site-body-spacing:.008em;
}
html body #main-content [class][class] :is(h1,h2),
html body #main-content > :is(h1,h2),
html body .page-hero :is(h1,h2),
html body .hero-section :is(h1,h2),
html body .section-header :is(h1,h2),
html body .section-title,
html body .hero-title{
  letter-spacing:var(--site-heading-spacing)!important;
}
html body #main-content [class][class] h2,
html body #main-content [class][class] [class] h2{
  letter-spacing:var(--site-section-heading-spacing)!important;
}
html body #main-content [class][class] :is(h3,h4,h5,h6),
html body #main-content > :is(h3,h4,h5,h6),
html body :is(.event-title,.card-title,.department-title,.ministry-title){
  letter-spacing:var(--site-card-heading-spacing)!important;
}
html body #main-content :is(p,li,blockquote),
html body footer :is(p,li){
  letter-spacing:var(--site-body-spacing);
}
html body :is(.navbar,.site-footer,footer) :is(h1,h2,h3,h4,h5,h6){
  letter-spacing:.012em!important;
}
@media(max-width:600px){
  :root{
    --site-heading-spacing:.008em;
    --site-section-heading-spacing:.012em;
    --site-card-heading-spacing:.015em;
  }
}