media screen and ( min-width: 1800px ) {
  html {
    font-size: 30px !important;
  }
}

media screen and ( min-width: 1024px ) {
  html {
    font-size: 24px !important;
  }
}

media screen and ( min-width: 768px ) {
  html {
    font-size: 18px !important;
  }
}

media screen and ( min-width: 576px ) {
  html {
    font-size: 16px !important;
  }
}

media screen and ( min-width: 0px ) {
  html {
    font-size: 16px !important;
  }
}