How to change the font size of a fixed width website?

Question

css

There is a page

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
#wrap {
width: 980px;
}

<meta name="viewport" content="width=980">
Thus, on all devices, the page fits in the width of the screen.
How to make font size bigger on small screens like this

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
    font-size: 16px;
}

Answer 1

https://learn.javascript.ru/css-units
PS: this is probably

Answer 2

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
  .class{  font-size: 16px;}
}