/* 

GOOGLE FONTS REF.

font-family: trade-gothic-next-compressed,sans-serif;
font-weight: 700;
font-style: normal;

font-family: trade-gothic-next-compressed,sans-serif;
font-weight: 800;
font-style: normal;

font-family: kepler-std,serif;
font-weight: 400;
font-style: normal;

font-family: kepler-std,serif;
font-weight: 400;
font-style: italic;

font-family: kepler-std,serif;
font-weight: 700;
font-style: normal;

font-family: kepler-std,serif;
font-weight: 700;
font-style: italic;

*/








/* ———————— GENERAL ———————— */


h1
    {
        font-family: trade-gothic-next-compressed,sans-serif;
        font-weight: 800;
        font-style: normal;
        text-transform: uppercase;
        
        font-size: calc(40px + (80 - 40) * ((100vw - 320px) / (1600 - 320)));
        line-height: 1.0;
    }


h2
    {
        font-family: trade-gothic-next-compressed,sans-serif;
        font-weight: 800;
        font-style: normal;
        text-transform: uppercase;
        
        font-size: calc(32px + (60 - 32) * ((100vw - 320px) / (1600 - 320)));
        line-height: 1.0;
    }


h3
    {
        font-family: kepler-std,serif;
        font-weight: 400;
        font-style: normal;
        
        font-size: calc(32px + (60 - 32) * ((100vw - 320px) / (1600 - 320)));
        line-height: 1.0;
    }


.body-copy
    {
        font-family: kepler-std,serif;
        font-weight: 400;
        font-style: normal;
        
        font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1600 - 320)));
        line-height: 1.2;
    }

.copyright
    {
        font-family: kepler-std,serif;
        font-style: italic;
        
        font-size: calc(4px + (8 - 4) * ((100vw - 320px) / (1600 - 320)));
        line-height: 1.2;
    }