body {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-weight: 400;
position: relative; 
margin: 0 auto;
background: #242424;
color: #ababab;
}



.site-title {
padding: 2em 0 0 0;
margin: 0 0 1em 0; 
border-bottom: 1px solid #333;
}

/* 50em = 800px (@ 16px font height ) */
@media only screen and (min-width : 50em) {
    
    .site-title {padding: 3em 0 0 0;} 
}

/*64em = 1024px (@ 16px font height ) */
@media only screen and (min-width : 64em) {
    
    .site-title {padding: 5em 0 0 0; margin: 0 0 3em 0; } 
}

.site-title a {
font-family: 'Josefin Sans', 'Open sans', Arial, Helvetica, sans-serif;
font-weight: 200;
font-size: 3em;
text-transform: uppercase;
line-height: .95;
color: #fff;
letter-spacing: 1rem;
}

section {
    width: 100%; 
    max-width: 1200px; 
    margin: 0 auto;
    padding: 1em 1.5em;
    position: relative; 
    overflow: visible;
} 


header {
    padding: 0;
    letter-spacing: 3px;
    color: #999;
    font-style: normal;
    position: relative;
    z-index: 500;
    line-height: 85%; /* to eliminate the default fontSquirrel padding */
    } 

footer {
margin: 8em auto 0 auto;
padding: 0 0 6em 0;
border-top: 1px solid #333;
}



p {line-height: 1.8;}


/*------STILLS------*/
.featured-still {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    }



/*------ABOUT------*/

.about {padding: 0 1.5em 3em 1.5em;} 


/*------THANKS------*/

.thanks {font-size: 2em;
color: #189595;
margin: 5em 0 0 0;
}

.thanks .home-icon {margin: 3em 0 0 0;}