body {
color: #222;/*#2f3438;*/
background-color: #8bb769; /*#54B336;*/
font-family: Helvetica, Arial;
}
#wrapper {
background-color: #C4F4C7;/* #B9DE9E; #BDD9A8;*/
width: 75%;
margin: auto;
border: 2px solid #3D6730;
padding: 1em;
}
h1 {
 font-variant: small-caps;
 font-size: 3em;
 margin-top: 2px;
 padding-bottom: 0px;
 margin-bottom: 2px;
 }
hr {
height: 1px;
color: #111;
}
#header {
float: left;
width: 65%;
padding-right: .5em;
}
#socialmedia {
float: right;
font-family: Helvetica, Arial;
width: 30%;
}
h2 {
font-family: Helvetica, Arial;
font-size: 1.5em;
}
#headshot {
max-width: 80%;
}
#footer {
clear: both;
font-family: Lucida Grande, Lucida Console;
}
p {
color: #292d30;
font-size: 1.15em;
line-height: 1.25em;
color: #202426;
}
a {
color: #255600;
font-weight: bold;
}
a:visited {
color: #3d7412;
}
ul {
list-style-type: square;
padding-left: 1em;
margin-left: 0px;
}
li {
    margin-bottom: .3em;
}
#email {
font-family: Lucida Grande, Lucida Console;
}
blockquote {
    color: #222;
    font-family: Georgia;
    font-size: 120%;
    line-height: 130%
}
@media (max-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 
    #wrapper {
        width: 90% !important;
        padding: .5em !important;
    }
}