:root {
  --font-family-firaSans: 'FiraSans';
  --font-family-FiraSans--condensed-medium: 'FiraSansCondensedMedium';
  --font-family-FiraSans--condensed-semiBold: 'FiraSansCondensedSemiBold';
  --font-family-FiraSans-medium: 'FiraSansMedium';
  --font-family: 'Hammersmith';
  --font-family-market: 'Hammersmith';

  --base-font-size: 16;

  --h1-size: 2.25rem;
  --h1-size-desktop: 3.75rem;
  --h1-line-height: 100%;
  --h1-weight: 400;
  --font-text-size: 1.688rem
}

body {
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'FiraSans';
  font-style: normal;
  src: url("../../fonts/FiraSans-Regular-e40d17d1036389f0c51382b51312ea4d.ttf") format('truetype');
}
@font-face {
  font-family: 'FiraSansCondensedMedium';
  font-style: normal;
  src: url("../../fonts/FiraSansCondensed-Medium-9f7e1ceb43f5686ac4871f6c4040fbb4.ttf") format('truetype');
}
@font-face {
  font-family: 'FiraSansCondensedSemiBold';
  font-style: normal;
  src: url("../../fonts/FiraSansCondensed-SemiBold-64b8f544bf08e7644929c668b4e24168.ttf") format('truetype');
}
@font-face {
  font-family: 'FiraSansMedium';
  font-style: normal;
  src: url("../../fonts/FiraSans-Medium-e39418de2083b1eaa5cf313da25ca906.ttf") format('truetype');
}

@font-face {
  font-family: 'Hammersmith';
  font-style: normal;
  src: url("../../fonts/HammersmithOne-Regular-2c539a8d151b8e974072cb3b6c20d270.ttf") format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Market';
  src: url("../../fonts/Caveat-VariableFontwght-de94fb141238cc18c2caf34d03ec6256.woff2") format('woff2-variations');
  font-weight: 500;
  font-stretch: 100%;
  font-style: normal;
}

h1,
.h1 {
  font-family: var(--font-family);
  font-size: var(--h1-size);
  font-weight: var(--h1-weight);
  line-height: var(--h1-line-height);
  letter-spacing: var(--h1-letter-spacing, 0);
  color: var(--primary);
}
@media screen and (min-width: 48rem /* 768px */) {
  h1,
  .h1 {
    font-size: var(--h1-size-desktop);
  }
}