html, body, .pure-g [class *="pure-u"] {
                font-family: 'Open Sans', sans-serif;
            }

            @media screen and (max-width: 47.95em) {
                h1, .h1 {
                    font-family: 'Merriweather', sans-serif;
                    font-size: 9.35vmin;
                }
                h2, .h2 {
                    font-family: 'Merriweather', sans-serif;
                    font-size: 7.14vmin;
                }
                h3, .h3 {
                    font-family: 'Merriweather', sans-serif;
                    font-size: 5.1vmin;
                }
                h4, .h4 {
                    font-family: 'Merriweather', sans-serif;
                    font-size: 3.4vmin;
                }
            }
            @media screen and (min-width: 48em) {
                h1, .h1 {
                    font-family: 'Merriweather', sans-serif;
                    font-size: 5.5vmin;
                }
                h2, .h2 {
                    font-family: 'Merriweather', sans-serif;
                    font-size: 4.2vmin;
                }
                h3, .h3 {
                    font-family: 'Merriweather', sans-serif;
                    font-size: 3.0vmin;
                }
                h4, .h4 {
                    font-family: 'Merriweather', sans-serif;
                    font-size: 2.0vmin;
                }
            }