h1,h2,h3,h4,h5,h6,p,{
    color: $primary;
    font-family: 'Sarabun', sans-serif;
    font-weight: normal;
}

a {
    color: inherit;
    font-family: 'Sarabun', sans-serif;
    text-decoration: none;
    &:hover {
        color: rgba($white,.7);
        transition: $transition;
    }
}


/**
 * Font sizes
 **/
$menu-min: 14;
$menu-max: 20;

$p-min: 12;
$p-max: 16;

$p-small-min: 10;
$p-small-max: 17;

$h1-min: 20;
$h1-max: 40;

$h2-min: 21;
$h2-max: 37;

$h3-min: 16;
$h3-max: 27;

$h4-min: 14;
$h4-max: 25;

$small-min: 12;
$small-max: 14;

h1,
h2,
h3,
h4 {
    margin: .5em 0;
    font-weight: 600;
    color: $primary;
    line-height: 1.2em;
}

h1 {
    @include css-lock($h1-min, $h1-max, $size-xxs, $size-xxl);
}

h2 {
    @include css-lock($h2-min, $h2-max, $size-xxs, $size-xxl);
}

h3 {
    @include css-lock($h3-min, $h3-max, $size-xxs, $size-xxl);
}

h3 {
    @include css-lock($h3-min, $h3-max, $size-xxs, $size-xxl);
}

p {
    line-height: 1.2em;
    margin: .2em 0;
}