/***************************** COLORS / FONTS / SIZING ****************************/

/* text2 and logo2 are placed here for symmetry with the other two css files - see notes below */
:root {
    --color-1:  rgb(255,255,255);
    --color-2:  #eeeeee;
    --color-3: #787878;
    --color-4: #242424;
    --color-5:  #0301B8;
    --text-light-1:  var(--color-1);
    --text-light-2:  var(--color-2);
    --text-dark-1:  var(--color-4);
    --text-dark-2:  var(--color-4);
    --text-font-family: 'Work Sans', sans-serif;
    --elements-font-family: 'Oswald', sans-serif;
    --text-font-weight: 400;
    --text-font-size: calc(15px + 0.2vw);
    --text-font-size-large: calc(10px + 0.5vw + 0.5vh);
    --header-background: linear-gradient(180deg, var(--color-4) 0%, var(--color-4) 95%, var(--color-4) 100%);
    --header-font-family: 'Roboto Slab', serif;
    --menu-text-color: var(--text-dark-1);
    --menu-font-size: calc(12px + 0.25vw + 0.25vh);
    --menu-font-weight: 700;
    --h1-font-size: calc(20px + 0.7vw);
    --h2-font-size: calc(25px + 1vw);
    --h2-font-size-large: calc(15px + 1.6vw + 1.6vh);
    --h3-font-size: calc(10px + 1vw);
    --h4-font-size: calc(11px + 0.25vw);
    --h5-font-size: calc(10px + 0.25vw);
}