// page is coded with default 16px font-size in browsers, but if users have a bigger font size set in their browser options, text will resize properly using rem units.
$browser-context: 16;

@function rem($pixels, $context: $browser-context) {
  @return ($pixels / $context) * 1rem;
}