CSS - Responsive Body and Header font sizes

style.css

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: calc(.35vw + 1rem);
    line-height: 1.8;
}

h1 {
    font-size: calc(2.0vw + 1rem);
}

h2 {
    font-size: calc(1.66vw + 1rem);
    line-height: 1.3216;
}

h3 {
    font-size: calc(.8vw + 1rem);
}

h4 {
    font-size: calc(.66vw + 1rem);
}

h5 {
    font-size: calc(.5vw + 1rem);
}

h6 {
    font-size: calc(.4vw + 1rem);
}