*{
    font-family: 'Noto sans', sans-serif;
    padding: 0;
    margin: 0;
    font-size: 16px;
/*     box-sizing: border-box; */
    list-style-type: none;
    text-decoration: none;
}

body {
    background: #fafafa;
}

p {
    letter-spacing:.12vw;
    line-height: 1.5rem;
    font-size: max(1vw, .7rem);
    font-weight: 200;

}

H1 {
    letter-spacing:.2vw;
    font-size: max(4vw, 2.5rem); 
    color:#ff6600;
    font-weight: 300;
}

H2 {

    font-size: max(2vw, 1rem);
    font-weight: 300;
    letter-spacing:.5vw;
    line-height: 4vw;
}



img{
    width: 100%;
}

.sectionheader{
    font-size: max(4vw, 2.5rem); 
    color:#ff6600;
}

.subsectionheader{
    padding: 10vh 0 0 0;
    font-size: max(2.5vw, 1.5rem); 
    color:rgb(94, 94, 94);
}




/* Scroller */

header.scroll-up{
    transform: translateY(0);
}

header.scroll-down{
    transform: translateY(-100%);
}