html {
    font-family: sans-serif;
    background: ivory;
}

h1 { margin: .7em 0 .3em 0; }
h2 { margin: 1em 0 .3em 0; }
p  { margin: 0 0 1em 0; }
p, li {line-height: 1.25em;}

@media screen and (min-width:800px) {
    body, html {
        width: 800px;
        margin: auto;
        padding: 0 1em 0 1em;
    }
    h1 { font-size: 2.4em }
    h2 { font-size: 1.5em }
    .splashImage {
        width: 100px;
        padding-top: 3em;
    }
}

@media screen and (max-width:799px) {
    body, html {
        margin: 8px;
    }
    h1 { font-size: 1.5em }
    h2 { font-size: 1.1em }
    p, li {font-size: .9rem;}
    .splashImage {
        width: 60px;
    }
}

.border {
    border: 1px solid #999; 
}

.sidebar-image {
    float: right; 
    margin-left: 1em;    
}