/* =========================================================
   V36 - Global Versys typography system
   ========================================================= */

:root{
  --vm-font:"Montserrat",Arial,sans-serif;
  --vm-weight-body:400;
  --vm-weight-medium:500;
  --vm-weight-heading:600;
  --vm-weight-display:700;
  --vm-leading-body:1.68;
  --vm-leading-display:.91;
  --vm-leading-heading:1.02;
  --vm-leading-subheading:1.16;
  --vm-brand-red:#D90A2C;
}

html{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

body{
  font-family:var(--vm-font);
  font-weight:var(--vm-weight-body);
  line-height:var(--vm-leading-body);
}

main h1,
main [class*="hero"] h1{
  font-family:var(--vm-font)!important;
  font-weight:var(--vm-weight-display)!important;
  line-height:var(--vm-leading-display)!important;
  letter-spacing:-.052em;
}

main h2{
  font-family:var(--vm-font)!important;
  font-weight:var(--vm-weight-heading)!important;
  line-height:var(--vm-leading-heading)!important;
  letter-spacing:-.038em;
}

main h3{
  font-family:var(--vm-font)!important;
  font-weight:var(--vm-weight-heading)!important;
  line-height:var(--vm-leading-subheading)!important;
  letter-spacing:-.022em;
}

main h4,
main h5,
main h6{
  font-family:var(--vm-font)!important;
  font-weight:var(--vm-weight-heading)!important;
  line-height:1.24!important;
  letter-spacing:-.012em;
}

main h1 span,
main h1 em,
main h2 span,
main h2 em,
main h3 span,
main h3 em,
main h4 span,
main h4 em{
  font-weight:inherit!important;
}

main p,
main li,
.vm-footer p{
  font-family:var(--vm-font);
  font-weight:var(--vm-weight-body);
  line-height:var(--vm-leading-body);
}

main p strong,
main li strong,
.vm-footer p strong{
  font-weight:600;
}

main p em,
main li em{
  font-weight:inherit;
}

small,
label,
.vm-label,
.vm-kicker,
.vm-eyebrow,
.vm-meta,
[class*="__label"],
[class*="__kicker"],
[class*="__eyebrow"]{
  font-family:var(--vm-font);
  font-weight:600;
  line-height:1.45;
}

.vm-header a,
.vm-footer a,
button,
.vm-btn,
[class*="button"],
[class*="btn"]{
  font-family:var(--vm-font);
}

.vm-btn,
button,
[class*="button"],
[class*="btn"]{
  font-weight:600;
}

@media(max-width:920px){
  main h1,
  main [class*="hero"] h1{
    line-height:.94!important;
    letter-spacing:-.045em;
  }

  main h2{
    line-height:1.06!important;
    letter-spacing:-.032em;
  }

  main h3{
    line-height:1.18!important;
  }

  main p,
  main li,
  .vm-footer p{
    line-height:1.7;
  }
}

@media(max-width:620px){
  main h1,
  main [class*="hero"] h1{
    line-height:.96!important;
  }

  main h2{
    line-height:1.08!important;
  }
}