@media all{
    body    {
        font : 22px arial, sans-serif;
        color: #000000; background: #ffffff;
        width: auto; margin-left: 20%; margin-right: 20%;
        }

    .call {display: none}

    div.notes {display: none}

    div.incremental {opacity: 1.00} /*I toy with obscuring this*/
    div.incremental:hover {opacity: 1.00}

    nav#TOC {
        font-size: 70%;
        column-count: 3;
        border: 1px solid black;
        margin-bottom: 5px;
    }

/*    nav[role="doc-toc"] ul li a:empty {display: none; }*/
    nav[role="doc-toc"] ul li a:empty::before {content: "…"; display: inline; }

    section.level1 {
        padding: 5px;
        border: 1px #c3c3c3 solid;
        background: #acd8e6;
        margin-bottom: 20px;
        /*max-width: 65%;*/
        overflow-y: auto;
    }
    section.level2  {
        padding: 5px;
        border: 1px #c3c3c3 solid;
        background: #F7F3DE;
        min-height: 400px;
        max-height: 700px;
        clear: both;
        overflow-y: auto;
        }

    iframe {max-height: 300px; max-width: 750px;}
    img, video {
        max-height: 240px; max-width: 475px;
        height: auto; width: auto;
        padding: 3px;
    }
    section.img_left img, section.img_left figure {
        float: left; margin-right: 20px; }
    section.img_right img, section.img_right figure {
        float: right; margin-left: 20px; }

    blockquote>p {
        background: #f2ffe6;
        border-left:5px solid #fef9e7;
    }

    table th {text-transform: uppercase;}
    table td, table th {border: 1px solid #666; }

    /* Make loose lists look like tight lists */
    ul li p,
    ol li p {
        margin: 0;
        display: inline;
    }

}

@media only screen
{
    a.decklink {
        position: fixed;
        top: 70px;
        right: 40px;
        font-size: 400%;
        text-decoration: none; }
}

@media print
{
    body  {
        width: auto; margin-left: 10%; margin-right: 10%;}
    section.level1, section.level2, div.level1, div.level2 {
        page-break-inside: avoid
    }
    nav#TOC {display: none}
    div.notes {display: none}
    iframe {display: none}
/*    div:nth-child(even) {page-break-after: always} */

    div.incremental {opacity: 1.00}
    .decklink {display: none}


}