@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);
/* stylelint-disable */
/* stylelint-enable */
:root {
  --heading-margin: 0;
  --heading-text-transform: none;
  --heading-font-weight: 300;
}

.heading {
  margin: var(--heading-margin);
  text-transform: var(--heading-text-transform);
  color: var(--heading-color);
}

@media (min-width: 768px) {
  h1 {
    font-family: "Roboto";
    font-size: 50px;
    font-weight: 300;
    line-height: 67.77px;
  }
  h2 {
    font-family: "Roboto";
    font-size: 37px;
    font-weight: 300;
    line-height: 52px;
  }
  h3 {
    font-family: "Roboto";
    font-size: 31px;
    font-weight: 300;
    line-height: 44px;
  }
  h4 {
    font-family: "Roboto";
    font-size: 26px;
    font-weight: 300;
    line-height: 38.73px;
  }
  h5 {
    font-family: "Roboto";
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
  }
}

/*# sourceMappingURL=base-heading.scss.css.map*/