@use 'node_modules/attractions/_variables' as vars;

h1 {
  color: vars.$main;
  font-size: 1.4em;
  font-weight: vars.$bold-font-weight;
  margin: 0 0 0.5em;

  @media only screen and (min-width: 640px) {
    font-size: 1.55em;
  }

  @media only screen and (min-width: 840px) {
    font-size: 1.7em;
  }

  @media only screen and (min-width: 1024px) {
    font-size: 1.8em;
  }
}