@media (max-width: 700px) {
  main h1 {
    font-size: 52px !important;
    line-height: 1.05 !important;
  }

  main h2 {
    font-size: 42px !important;
    line-height: 1.1 !important;
  }

  main h3 {
    font-size: 36px !important;
    line-height: 1.15 !important;
  }

  main h4 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }

  main h5 {
    font-size: 27px !important;
    line-height: 1.3 !important;
  }

  main h6 {
    font-size: 23px !important;
    line-height: 1.4 !important;
  }

  main p,
  main li,
  main blockquote {
    font-size: 20px !important;
    line-height: 1.55 !important;
  }

  main h1 *,
  main h2 *,
  main h3 *,
  main h4 *,
  main h5 *,
  main h6 *,
  main p *,
  main li *,
  main blockquote * {
    font-size: inherit !important;
    line-height: inherit !important;
  }

  .about-title {
    font-size: 48px !important;
  }

  .lg-title {
    font-size: 42px !important;
  }

  .lg-h {
    font-size: 25px !important;
    line-height: 1.3 !important;
  }

  .lg-p,
  .lg-list li {
    font-size: 20px !important;
    line-height: 1.55 !important;
  }

  .lg-meta,
  .lg-sign {
    font-size: 17px !important;
    line-height: 1.5 !important;
  }

  .about-cta,
  .lg-cta {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 10px 24px !important;
    border: 1px solid rgba(255,255,255,.52) !important;
    background: rgba(0,0,0,.16) !important;
    color: #fff !important;
    font: 500 17px/1 "Madefor Text", sans-serif !important;
    letter-spacing: .02em !important;
    text-transform: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
    transition: transform 140ms ease, background-color 140ms ease,
      border-color 140ms ease !important;
    transform-origin: center !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .about-cta:active,
  .lg-cta:active {
    animation: none !important;
    opacity: 1 !important;
    transform: scale(.98) !important;
    background: rgba(255,255,255,.12) !important;
    border-color: rgba(255,255,255,.76) !important;
  }

  .about-cta:focus-visible,
  .lg-cta:focus-visible {
    outline: 2px solid #fff !important;
    outline-offset: 3px !important;
  }

  @media (hover:hover) and (pointer:fine) {
    .about-cta:hover,
    .lg-cta:hover {
      background: rgba(255,255,255,.1) !important;
      border-color: rgba(255,255,255,.76) !important;
      color: #fff !important;
    }
  }
}