:root {    
    
    --col-text: #373737;
    --col-accent1: #A2A2A2;
    
    --col-accent2: #C82F2F;
    --col-accent2-rgb: 200,47,47;
    
    --col-accent3: #FFFFFF;
    --col-accent3-rgb: 255,255,255;
    
    --col-accent4: #E8E8E8;
    
    --panel-left-w: 40%;    
}

html, body {
    font-family: 'Roboto', arial, serif;
    font-size: 16px;    
    padding: 0px;
    margin: 0px;    
}
article {
    padding: 20px;
}
article h1, h2, h3, h4, h5 h6 {
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}
article h1 {
    font-family: 'Roboto Black', arial, serif;
    font-size: 4em;
    font-weight: normal;
    color: var(--col-accent2);
    text-transform: uppercase;    
    padding: 0px 0px 20px 0px;
    margin: 0px;
}
article h2 {
    font-family: 'Roboto Black', arial, serif;
    font-size: 2.75em;
    font-weight: normal;
    color: var(--col-accent2);
    text-transform: uppercase;    
    padding: 20px 0px 20px 0px;
    margin: 0px;
}
article h3 {
    font-family: 'Roboto Black', arial, serif;
    font-size: 1.8em;
    font-weight: normal;
    color: var(--col-accent2);
    text-transform: uppercase;    
    padding: 20px 0px 20px 0px;
    margin: 0px;
}
article p {
    font-family: 'Roboto', arial, serif;
    font-size: 1.2em;
    color: var(--col-text);    
    padding: 0px;
    margin: 0px 0px 20px 0px;         
}
article table {
    width: 100%;
    border-collapse: collapse;
}
article table tr th, td {
    padding: 5px 8px;
}
article ul {
    list-style: disc;
    padding: 0px;
    margin: 0px 0px 0px 25px;
}
article ul > li {
    margin: 0px 0px 12px 0px;
}

@media only screen and (max-width: 899px) {
    article h1 {        
        font-size: 2.5em;        
    }
    article h2 {
        font-size: 2em;        
    }
    article h3 {
        font-size: 1.6em;
    }
}