body {
    font-family: Graphie, "Helvetica Neue", Helvetica, Arial, san-serif; 
    max-width:42em; 
    margin:2em auto 5em; 
    color: #1e202c; 
    padding:1em 2em 5em;
    font-size:1.4vw;
    background-color:#f0eeed;
}

@media (max-width: 1280px) {
    body {font-size:1em;}
}

@media (max-width: 640px) {
    body {padding:0 1em; 
    margin:1em;
    max-width:none; 
    }
}

h1 {font-size:2.4em; margin-bottom:0;}

p, li, ol, ul {line-height:150%;}

.intro {font-size:1.4em; color:#000;}

img.img {display:inline-block; /* padding:1em; border:1px solid #ccc; */ width:100%; max-width:100%;}

a {color:#000; text-decoration:none; border-bottom:1px dotted #000;}
a:hover {color:#000; border-bottom:none;}

.foot {margin-top:3em;}

div.contact {border:1px solid #eee; border-left:none; border-right:none; padding:1em 0; margin-bottom:1em;}

div.articles {margin-bottom:1.5em;}
div.articles h3 {margin-bottom:0;}
div.articles p {margin-top:0;}

.meta {color:#666;}

div.highlight {border:1px solid #ccc; padding:1em;}

div.item h2 {margin-bottom:0;}
div.item p {margin-top:0.5em;}