html {font-size: 1em;}

p {margin-bottom: 1.3em;}

h1, h2, h3, h4 {
    margin: 1.414em 0 0.5em;
    font-weight: inherit;
    line-height: 1.2;
}

.h6s {
padding: -0.5em;
line-height: 1;
font-size: 1.7vmin;
}

@media screen and (min-width: 50em) {
    html {
        font-size: 1vw;
    }
}

@media screen and (min-width: 75em) {
    html {
        font-size: 1em;
    }
}

// Change scale

$mod_1: 1.067;
$mod_2: 1.618;


// Calculate Modular Scale
// You don't need to calculate this with Sass
// You can use values from http://type-scale.com/
// Or random values :)

$h1-min: $mod_1 * $mod_1 * $mod_1 * $mod_1 * 1rem;
$h1-max: $mod_2 * $mod_2 * $mod_2 * $mod_2 * 1rem;

$h2-min: $mod_1 * $mod_1 * $mod_1 * 1rem;
$h2-max: $mod_2 * $mod_2 * $mod_2 * 1rem;

$h3-min: $mod_1 * $mod_1 * 1rem;
$h3-max: $mod_2 * $mod_2 * 1rem;

$h4-min: $mod_1 * 1rem;
$h4-max: $mod_2 * 1rem;

$h5-min: 1rem;
$h5-max: 1rem;

$h6-min: (1rem / $mod_1);
$h6-max: (1rem / $mod_2);


// Apply fluid type mixin

.mod_scale_fluid{
    h1{
        @include fluid-type(font-size,37.5rem, 80rem, $h1-min, $h1-max);
    }
h2 {
        font-size: calc(0.5rem + 2.5vmin);
}
 /*	h2{
        @include fluid-type(font-size,37.5rem, 80rem, $h2-min, $h2-max);
    }       */

    h3{
        @include fluid-type(font-size,37.5rem, 80rem, $h3-min, $h3-max);
    }

    h4{
        @include fluid-type(font-size,37.5rem, 80rem, $h4-min, $h4-max);
    }

    h5{
        @include fluid-type(font-size,37.5rem, 80rem, $h5-min, $h5-max);
    }

    h6{
        @include fluid-type(font-size, 37.5rem, 80rem, $h6-min, $h6-max);
    }

}