/* line 214, assets/css/sass/base/_typography.scss */
.h1, h1 {
  font-size: calc(28px + 22 * ( (100vw - 420px) / 480));
}

@media screen and (max-width: 420px) {
  /* line 214, assets/css/sass/base/_typography.scss */
  .h1, h1 {
    font-size: 28px;
  }
}

@media screen and (min-width: 900px) {
  /* line 214, assets/css/sass/base/_typography.scss */
  .h1, h1 {
    font-size: 50px;
  }
}

/* line 218, assets/css/sass/base/_typography.scss */
h1 {
  font-weight: 900;
}

/* line 221, assets/css/sass/base/_typography.scss */
h2 {
  font-size: calc(24px + 26 * ( (100vw - 420px) / 480));
  font-weight: 900;
}

@media screen and (max-width: 420px) {
  /* line 221, assets/css/sass/base/_typography.scss */
  h2 {
    font-size: 24px;
  }
}

@media screen and (min-width: 900px) {
  /* line 221, assets/css/sass/base/_typography.scss */
  h2 {
    font-size: 50px;
  }
}

/* line 225, assets/css/sass/base/_typography.scss */
.h2 {
  font-size: calc(20px + 10 * ( (100vw - 420px) / 480));
}

@media screen and (max-width: 420px) {
  /* line 225, assets/css/sass/base/_typography.scss */
  .h2 {
    font-size: 20px;
  }
}

@media screen and (min-width: 900px) {
  /* line 225, assets/css/sass/base/_typography.scss */
  .h2 {
    font-size: 30px;
  }
}

/* line 228, assets/css/sass/base/_typography.scss */
h3 {
  font-size: calc(18px + 4 * ( (100vw - 420px) / 480));
}

@media screen and (max-width: 420px) {
  /* line 228, assets/css/sass/base/_typography.scss */
  h3 {
    font-size: 18px;
  }
}

@media screen and (min-width: 900px) {
  /* line 228, assets/css/sass/base/_typography.scss */
  h3 {
    font-size: 22px;
  }
}

/* line 231, assets/css/sass/base/_typography.scss */
h4 {
  font-size: calc(18px + 2 * ( (100vw - 420px) / 480));
}

@media screen and (max-width: 420px) {
  /* line 231, assets/css/sass/base/_typography.scss */
  h4 {
    font-size: 18px;
  }
}

@media screen and (min-width: 900px) {
  /* line 231, assets/css/sass/base/_typography.scss */
  h4 {
    font-size: 20px;
  }
}

/* line 236, assets/css/sass/base/_typography.scss */
.entry-content h2 {
  font-size: calc(20px + 10 * ( (100vw - 420px) / 480));
}

@media screen and (max-width: 420px) {
  /* line 236, assets/css/sass/base/_typography.scss */
  .entry-content h2 {
    font-size: 20px;
  }
}

@media screen and (min-width: 900px) {
  /* line 236, assets/css/sass/base/_typography.scss */
  .entry-content h2 {
    font-size: 30px;
  }
}

/* line 7, blocks/basic_content/style.scss */
.basic-content h2 {
  text-align: center;
}

@media screen and (min-width: 48em) {
  /* line 7, blocks/basic_content/style.scss */
  .basic-content h2 {
    text-align: left;
  }
}