body{background-color:#fff; margin:0;}
a{color:#307BC0; text-decoration:none;}

#head{margin:0 auto; height:150px; background-color:#000;}
#head a{color:#CFD0CE; text-decoration:none;}
#head a:hover{text-decoration:underline;}
.contain{margin:0 auto; max-width:900px;}
.navigation{padding-top:100px; float:left;}
h1.title{padding-top:40px; float:right; color:#fff; font-size:40pt; font-weight:normal;}

h2, h3 {font-family:sans-serif;}

#content{margin:0 auto; max-width:900px;}
#content img{max-width:650px;}
#content a{color:#449B21; text-decoration:underline;}
#content a:hover{text-decoration:none;}


.zines{float:left; width:65%; padding-left:5px; padding-top:20px;}
.andthings{float:right; width:30%; padding-top:20px;}


.backtotop{position: fixed; bottom:15px; right:15px; background-color:#cccccc; padding:10px;}






/* TABLET and MOBILE override */ 
@media (max-width: 595px) { 

h1.title{color:#000;}

}