body { 
    background-color:#242525; 
    color:#dad4cb; 
    font-family:Calibri,Verdana,sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:1.5;
}

article { padding:2vw 2vh; }
img { width:20vw;}
img[align='left'] { margin-right:2vw; }
img[align='right'] { margin-left:2vw; }

p.mainimage img { width:100%; text-align:center; }
p.small { width:50%; text-align:right; }
p.note { text-align:center; font-size:smaller; font-style:italic; }
p.center { text-align:center; }
img.small { width:60vw; }

a { text-decoration:none; color:darkturquoise; }
a:hover { text-decoration:underline; }

h1, h2 { 
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-size:24px;
    line-height:28px;
}

.quote { margin-left:4vw; font-family:Georgia, 'Times New Roman', Times, serif; font-style:italic; }
div.image-quote { padding-left:4vw; display:flex; align-items:center; }
div.kaltura { width:100%; margin-bottom:2vh; text-align:center; }
iframe { width:100%; }

div#primary-menu, div.menu {
    display:flex;
    justify-content:space-around;
    text-transform:uppercase;
}

div#primary-menu a { color:gray; }

#toc { display:none; }
#toc a { color:gray; }
#toc a.active { color:#dad4cb}

@media  only screen and (min-width:640px) {
    body {
        letter-spacing:4%;
    }

    h1, h2 { 
        font-size:32px;
        line-height:52px;
    }

    div#primary-menu {
        position:absolute;
        width:50vw;
        left:50vw;
    }

    div#primary-menu p { margin-top:0; }

    #toc {
        position:fixed;
        top:5vw;
        left:75vw;
        background-color:#272828;
        padding:2vw;
    }

    #main-content { width:70vw; }

    li { padding-bottom: 2vh; }

    div.kaltura { width:50vw; }
    video { width:40%; }
    img.small { width:40vw; }

    section { padding:2vw 2vh; border:solid gray 1px; margin-bottom: 2vh; }
    section h3 { text-align:center;}


}