Making the base font-size reponsive

_responsive-font-size.scss

///////////////
// Variables //
///////////////

// Breakpoints
  $break-small: 840px;
  $break-large: 1024px;

////////////////
// Font-sizes //
////////////////

// Desktop font-size
  $f-size: 16px;
// Tablet font-size
  $f-size-m: 14px;
// Mobile font-size 
  $f-size-s: 12px;

body {
  background: $bg-img; // Define this shiet!!!
	color: $font-col; // Define this shiet!!!
	font: {
		family: $p-font; // Define this shiet!!!
		size : $f-size; 
		weight: 400;}
	letter-spacing: -0.05em;
	line-height: $l-height;
  @media screen and (max-width: $break-large) {
    font-size: $f-size-m;}
  @media screen and (max-width: $break-small) {
    font-size: $f-size-s;}
}