@media only screen and (max-width: 767px) {
  h1 {
    font-size: 1.6em;
    line-height: 1.4;
  }
  h2 {
    font-size: 1.5em;
    line-height: 1.4;
  }
  h3 {
    font-size: 1.3em;
    line-height: 1.4;
  }
  h4 {
    font-size: 1.2em;
    line-height: 1.4;
  }
  h5 {
    font-size: 1em;
    line-height: 1.3;
  }
  h6 {
    font-size: 1em;
    line-height: 1.2;
  }
}

/* by Creasant */

@media only screen and (max-width: 767px) {

  h1 {
    font-size: 32px;
    line-height: 1.3;
  }
  h2 {
    font-size: 28px;
    line-height: 1.6;
  }
  h3 {
    font-size: 24px;
    line-height: 1.6;
  }

  body .fdc-num {
    flex-basis: 48px;
    width: 48px;
    height: 48px;
    font-size: 28.8px;
  }
  body h3:has(> .fdc-num) {
    gap: 9.6px;
    padding-top: 4.8px;
  }
  body h3:has(> .fdc-num) > .fdc-num {
    margin-top: -4.8px;
  }

  body .fdc-intro h2 {
    font-size: 34px;
  }
  body .fdc-intro h3 {
    font-size: 26px;
  }

  body .fdc-spec .mtpc-1col-section-wrapper,
  body .fdc-spec .mtpc-2col-section-wrapper {
    padding: 32px 24px 32px;
  }
  body .fdc-highlight .field--name-field-mod-long-fmt > .field__item {
    display: block;
  }
  body .fdc-highlight p:has(> .fdc-burst) {
    margin-top: 12px;
  }

  table.tbl-line th,
  table.tbl-line td {
    padding: 12px 10px;
  }

  body header .mtpc_header .header.mobile .wrapper .logos .logos_left {
    max-width: none;
  }
  body header .mtpc_header .header.mobile .wrapper .logos .logos_left .logo_one img {
    height: min(32px, 7vw);
    width: auto;
  }
  body header .mtpc_header .header.mobile .wrapper .logos .logos_left .logo_two.text_logo a {
    font-size: min(13px, 3vw);
  }
}