html {
    font-size: 18px;
    }

body,
section,
p,
small,
a:link,
a:visited,
a span,
.hero-form,
.hero-form form label,
.green,
.hiring a:link,
.hiring a:visited,
.cta a:link,
.cta a:visited,
.subheader {
    font-family: "Helvetica", "Inter", sans-serif;
    line-height: 1.4em;
    font-weight: 400;
    letter-spacing: 0;
}

strong {
  letter-spacing: 0;
}
b {font-weight: 700;}

#nav,
#nav a,
#footer #legal p,
.auth {
  text-shadow: none;
  font-family: "Inter", sans-serif;}

#nav a:link {
  font-size: 0.85em;
  font-weight: 500;
}

.mono {
  font-family: "Menlo", "Sometype Mono", monospace;
}
.mono strong {
  letter-spacing: 0;
}

.macro {
  font-size: 1.4em;
  letter-spacing: 0px;
}
.big {
  font-size: 1.2em;
}
.micro,
sup {font-size: 0.76em;}

h1{font-size: 3.56em; letter-spacing: -2px;}
h2{font-size: 2.92em; letter-spacing: -1px;}
h3{font-size: 2.28em; letter-spacing: -1px;}
h4{font-size: 1.64em; letter-spacing: 0px;}

.mono,
.monospace {font-size: 0.9em; letter-spacing: 0px;}

#nav {font-size: 1.1em;}

a {text-decoration: none;}



/* ************************************************************************** */

@media screen and (max-width: 769px)  {
  html {
      font-size: 16px;
      }

  #nav {font-size: 15px;}

  .micro {font-size: 11px;}
}



@media screen and (max-width: 601px)  {
  html {
      font-size: 15px;
      }

  #nav {font-size: 14px;}

  .micro {font-size: 11px;}
}