/* Main */ body {

color: #333333;
margin: 0;

}

.container {

max-width: 960px;
margin: 0 auto;

}

.container .excerpt:not(:last-child) {

border-bottom: 1px dashed #777777;

}

.container .excerpt {

padding: 2em 0;

}

.container .excerpt a {

font-family: 'Open Sans', sans-serif;

}

header#site-header ul {

font-family: 'Open Sans', sans-serif;
list-style-type: none;
margin: 0;
padding: 0;
min-height: 2em;

}

header#header ul li {

display: inline-block;

}

footer#site-footer ul {

padding: 0;
margin: 20px 0;
list-style-type: none;
text-align: center;

}

footer#site-footer ul li {

display: inline-block;
margin-left: 14px;

}

footer#site-footer a {

color: #333333;

}

footer#site-footer a:hover {

color: green;

}

/* Typography */ a {

text-decoration: none;
color: green;

} a:hover {

text-decoration: underline;

}

h1 {

font-family: 'Open Sans', sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 60px;
letter-spacing: 2px;

}

h2 {

color: #333333;
font-family: 'Proza Libre', sans-serif;
font-size: 3.2rem;
font-weight: 700;
line-height: 1.25;

}

h3 {

color: #333333;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 32px;
letter-spacing: .5px;

}

h4 {

color: #333333;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 22px;
letter-spacing: 0px;

}

p {

color: #333333;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 200;
line-height: 1.5;
letter-spacing: .75px;

}

small {

font-family: 'Open Sans', sans-serif;

}

.caption {

color: #777777;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 22px;
letter-spacing: .5px;

}

.post {

padding-bottom: 20px;

}

.post-title {

margin-bottom: 0;

}

.post-meta {

margin-top: 0;

}

.post-preview:not(:last-child) {

border-bottom: 1px dashed #e0e0e0;

}

/* Navigation */ site-navigation {

display: block;
font-family: 'Open Sans', sans-serif;
height: 48px;

}

site-navigation main-menu, site-navigation > input {

display: none;

}

site-navigation > label {

display: block;
font-size: 36px;
color: green;
position: absolute;
right: 20px;
width: 36px;
padding: 0;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

}

site-navigation > input:checked + main-menu {

display: block;
clear: both;
top: 48px;
position: relative;
background: #ffffff;

}

site-navigation ul {

margin: 0;
padding: 0;

}

site-navigation ul li {

display: block;
padding: 20px 0;
margin-right: 14px;

}

site-navigation a {

text-decoration: none;

}

site-navigation a:hover {

text-decoration: underline;

}

@media only screen and (min-device-width: 768px) {

#site-navigation {
  height: auto;
}
#site-navigation #main-menu {
  display: block;
}
#site-navigation > label {
  display: none
}
#site-navigation ul li {
  display: inline-block;
}

}

@media only screen and (max-device-width: 768px) {

ul#main-menu li {
  margin-left: 12px;
}

}

@media only screen and (max-device-width: 960px) {

.content {
  padding: 1em;
}

}