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

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

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

h1 {font-size:2.4em; color:#000;}

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 {background-color:#D6EAF8; color:#000; font-weight:bold; text-decoration:none;}
a:hover {background-color:#AED6F1;}

.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:1rem;}

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