@import 'modularscale/vars';
@import 'modularscale/settings';
@import 'modularscale/pow';
@import 'modularscale/strip-units';
@import 'modularscale/round-px';
@import 'modularscale/function';
@import 'modularscale/respond';

$ff-sans: 'Libre Caslon Display', serif;
$ff-serif: 'Raleway', sans-serif;

.ff-sans{
  font-family: $ff-sans;
}

.ff-serif{
  font-family: $ff-serif;
}

// Font weights
$fw-light: 300;
$fw-normal: 400;
$fw-bold: 700;

.fw-light{
  font-weight: $fw-light;
}

.fw-normal{
  font-weight: $fw-normal;
}

.fw-bold{
  font-weight: $fw-bold;
}

$modularscale: (
	base: 15px,
	400px: (
		base: 14px,
		ratio: 1.2
	),
	900px: (
		base: 16px,
		ratio: 1.3
	),
	1600px: (
		ratio: 1.5
	)
);