How to modify font-size for screen width

[xareelee]

I notice that the font-size would be changed with screen width.

• < 1600 px
• >= 1600 px
• >= 2000 px

The font-size is too large on my 27-inch screen. I want to use a fixed font-size. I find the code in _base.scss

html {
  height: 100%;
  overflow-x: hidden;
  font-size: 125%;

  @include break-from-device(screen medium) {
    font-size: 137.5%;
  }

  @include break-from-device(screen large) {
    font-size: 150%;
  }
}

but I'm not familiar with SCSS and any frontend skills. How could I set a fixed font-size?

[squidfunk]

Well, how about this?

html {
  font-size: 20px;
}

[MaximilianKohler]

That worked well, but I found the TOC/nav to be too small. I used browser inspector to find and change:

.md-nav {
  font-size: .8rem;
  line-height: 1.3;
}