html,
body{

	margin:0;
	padding:0;
	font-size: 1em;
	line-height:120%;
	 color:#333;
	 /*font-family:"Osaka-mono", "MS Gothic", "monospace";*/
       font-family: 'Staatliches', cursive;
	-webkit-font-smoothing: antialiased; 	
	background:#000000 url(/img/bg.jpg);

	}
div#wrap{
width:100%;
}

main{
  padding:2em 1em 0;
  max-width:800px;
  margin:0 auto;
}
main div#logo{
  text-align:center;
}
main div#logo img{
  max-width:500px;
}

main section{
  margin:10px auto;
  padding:1em 0;
  display:inline-block;
  box-sizing: border-box;
}

main section#bodymc{
  width:70%;
}

main section#sidebar{
  width:25%;
  vertical-align: top;
}

/* responsive styles */
@media (max-width: 601px){
  main section#bodymc,
  main section#sidebar{
  width:95%;
  margin:0 auto;
}

}