h1,
.h1 {
  font-size: 48px;
  font-weight: 700;
  font-family: 'TildaSans', sans-serif;
}
h1.normal,
.h1.normal {
  font-weight: 400;
}
h2,
.h2 {
  font-size: 40px;
  font-weight: 700;
  font-family: 'TildaSans', sans-serif;
}
h2.normal,
.h2.normal {
  font-weight: 400;
}
h3,
.h3 {
  font-size: 32px;
  font-weight: 700;
  font-family: 'TildaSans', sans-serif;
}
h3.normal,
.h3.normal {
  font-weight: 400;
}
h4,
.h4 {
  font-size: 24px;
  font-weight: 700;
  font-family: 'TildaSans', sans-serif;
}
h4.normal,
.h4.normal {
  font-weight: 400;
}
@media screen and (max-width: 1023px) {
  h1,
  .h1,
  body .h1-md {
    font-size: 36px;
  }
}
@media screen and (max-width: 1023px) {
  h2,
  .h2,
  body .h2-md {
    font-size: 32px;
  }
}
@media screen and (max-width: 1023px) {
  h3,
  .h3,
  body .h3-md {
    font-size: 24px;
  }
}
@media screen and (max-width: 1023px) {
  h4,
  .h4,
  body .h4-md {
    font-size: 22px;
  }
}
.body-huge {
  font-size: 54px;
}
.body-large {
  font-size: 28px;
}
.body {
  font-size: 20px;
}
.body-small {
  font-size: 16px;
}
.caption {
  font-size: 14px;
}
@media screen and (max-width: 1023px) {
  .body-huge,
  body .body-huge-md {
    font-size: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .body-large,
  body .body-large-md {
    font-size: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .body,
  body .body-md {
    font-size: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .body-small,
  body .body-small-md {
    font-size: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .caption,
  body .caption-md {
    font-size: 14px;
  }
}