:root {
    /*--bgcolor-red: red;
    --bgcolor-green: green;
    --bgcolor-blue: blue;
    --bgcolor-orange: orange;
    --bgcolor-yellow: yellow;*/

    --bgcolor-red: transparent;
    --bgcolor-green: transparent;
    --bgcolor-blue: transparent;
    --bgcolor-orange: transparent;
    --bgcolor-yellow: transparent;
}
/********SPACINGS************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}
/****************************/

body {
    height: 100%;
    margin: 0px;
    background-color: white;
    color: #616161;
    font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;
}


img#logo {
    height: 50px;
    align-self: center;
    margin-left: 10px;

}

div.privacy {
    margin: 10px;
}

div.pdffile {
    height: 600px;
}

a {
    color: #616161;
    text-decoration: none;
}



p, h1 {
    text-align: left;
    margin: 0;
    padding: 10px;
    border: 0;
}

p.title {
    font-size: 60px;
}

p.slogan {
    font-size: 30px;
}

/*this doesn't work under table.footer*/
a.white {
    color: white;
}

div.center {
    text-align: center;
}

div.left {
    text-align: left;
}

div.right {
    text-align: right;
}

div.download {
    width:100%;
    height: 30px;
    padding-top: 3px;
    padding-right: 0px;
    text-align: right;
    background-color: white;
}

div.download a {
    text-decoration: underline;
}

#pdfframe {
    width: 100%;
    height: 100%;
}

#content {
    /*border: 3px solid #971111;*/
    /*border: 3px solid #0070C0;*/
    border: 0px;
    position: absolute;
    top: 86px;
    right: 0;
    /*bottom: 100px;*/
    bottom: 10px;
    left: 0;
    background-color: #DDD;
    padding-top: 0px;
}

/*******SCREEN RES********/
@media only screen and (max-width: 600px) {
    body {
        background-color: var(--bgcolor-red);
    }

    div.download {
        margin-top: 4px;
        font-size: 11px;
    }
}

@media only screen and (min-width: 601px) {
    body {
        background-color: var(--bgcolor-green);
    }
}

@media only screen and (min-width: 768px) {
    body {
        background-color: var(--bgcolor-blue);
    }
}

@media only screen and (min-width: 992px) {
    body {
        background-color: var(--bgcolor-orange);
    }
}

@media only screen and (min-width: 1200px) {
    body {
        background-color: var(--bgcolor-yellow);
    }
}