body {
  color: $base-font-color;
  font-family: $primary-font-face;
  font-size: 1rem;
  line-height: $base-line-height;
    font-weight:300;
    color: $primary-color;
}

.hidden {
  display: none !important;
}

h1, h2, h3,
h4, h5, h6 {
  font-family: $heading-font-face;
  line-height: $heading-line-height;
  margin: 0 0 $small-spacing;
  color: $black;
  font-weight: bold;
}

h1 { font-size: modular-scale(6); }
h2 { font-size: modular-scale(5); }
h3 { font-size: modular-scale(4); }
h4 { font-size: modular-scale(3); }
h5 { font-size: modular-scale(2); }
h6 { font-size: modular-scale(1); }

p { margin: 0 0 $small-spacing; }

a {
  color: $primary-color;
  transition: color $base-duration $base-timing;

  &:active,
  &:focus,
  &:hover {
    color: lighten($primary-color, 25%);
  }
}

hr {
  border-bottom: $base-border;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: $base-spacing 0;
}

// .prft-heading
h1 {
  text-transform: none;
}

.question-text {
  margin-bottom: 1.5rem;
}

// .prft-heading,
h1,
.question-text {
  font-size: 6vw;
  font-weight: 100;
}

h1 > a {
  font-size: 1rem;
  font-weight: 300;
}

@media screen and (min-width: $screen-sm) {
  // .prft-heading,
  h1,
  .question-text {
    font-size: 2.45rem;
  }
}