html,body{margin:0;padding:0;background:#fff;height:100%}body{font-family:"Karla",sans-serif;color:#2f4f4f;border-top:10px solid whitesmoke}*,*:before,*:after{box-sizing:border-box}.str-monogram{transform-style:preserve-3d;display:inline-block;position:relative;width:28px;height:28px;background:#fff;overflow:hidden;box-shadow:inset 0 0 0 2px #2f4f4f;border-radius:44px}.gram{position:absolute;top:7px;left:8px;z-index:20}.s-1,.s-2,.r,*:before,*:after{content:'';position:absolute;display:block;opacity:1;background:#2f4f4f}.s-1{width:8px;top:4px;left:4px;height:6px;border-radius:0 4px 4px 0}.s-1:after{width:8px;height:2px;top:2px;left:-2px;border-radius:2px;background:#fff}.s-1:before{width:6px;height:2px;top:4px;left:-4px}.s-2{width:8px;height:6px;top:0;left:0;border-radius:4px 0 0 4px}.s-2:after{width:8px;height:2px;top:2px;left:2px;border-radius:2px;background:#fff}.s-2:before{width:6px;height:2px;top:0;left:6px}.r{width:6px;height:6px;border-radius:0 0 0 6px;top:8px;left:6px}.r:after{height:8px;width:8px;border-radius:4px;top:-4px;left:2px;background:#fff}.r:before{width:2px;height:6px;top:2px 0;left:-4px}a{color:#5f9ea0;box-shadow:inset 0 -2px 0 0 #eee;text-decoration:none;transition:box-shadow .1s ease-in-out 0s}a:hover,a:active,a:focus{color:darkslategray;box-shadow:inset 0 -.5em 0 0 #eee}header{margin-bottom:3em}.site-wrapper{padding:3em 1em;max-width:640px;font-size:1.125em}h1{font-size:1em;line-height:1.4;margin:1em 0 0;padding:0}h1+p{margin-top:0}h3{text-transform:uppercase;font-weight:bold;font-size:.75em;letter-spacing:.125em;margin-top:1.75em;margin-bottom:.25em}h3+p{margin-top:0}p{line-height:1.4}s{color:rgba(47,79,79,0.5)}ul{list-style:none;margin:0;padding:0}li{list-style:none;line-height:1.4}.meta{display:inline-block;font-size:.75em;color:rgba(47,79,79,0.5);text-transform:uppercase;letter-spacing:.05em;margin-left:.25em}@media only screen and (min-width: 640px){.site-wrapper{padding:3em}h1+p,h3+p,ul{margin-left:.5em}}