body {
  font-family: "Roboto", Helvetica, sans-serif;
  color: #222;
  font-weight: 300;
  font-size: 16px;
  line-height: 140%; }

a {
  color: #2E82BB;
  text-decoration: none; }

article h1 {
  font-family: "Noto Serif", serif;
  font-weight: 400;
  line-height: 120%;
  font-size: 1.5em; }

@media (min-width: 450px) {
  body {
    font-size: 18px;
    line-height: 150%; }

  article h1 {
    font-family: "Noto Serif", serif;
    font-weight: 400;
    line-height: 120%;
    font-size: 2em; } }
label {
  font-size: 1.1em;
  font-weight: 500; }

.huc-frame-sidemenu label {
  font-size: 1em;
  font-weight: 300;
  color: #a2a2a2; }

nav a {
  font-weight: 500;
  color: #000000;
  margin-right: 1em;
  font-size: .8em; }

.huc-card a {
  color: #222; }

.huc-item a {
  color: #222; }

.huc-item-title {
  font-family: "Noto Serif", serif; }

/*      basic styles         */
.huc-sans {
  font-family: "Roboto", Helvetica, sans-serif; }

.huc-hist-blue {
  color: #3da4ac; }

.huc-style-grey {
  color: #a2a2a2; }

.huc-style-small {
  font-size: .80em; }

.huc-inverted {
  color: #fff; }

.huc-inverted a {
  color: #fff; }

.huc-lightGrey {
  background-color: #F4F4F4; }

.huc-article-meta {
  line-height: 130%;
  font-style: italic; }

.huc-update a {
  color: #222; }