body { 
	font-family: monospace, sans-serif; 
}
a:visited {
    color: inherit;
}
.container-wrap {
	max-width: 1100px;
	margin: 0 auto;
}

.left-column {
	text-align: left;
	width: 160px;
	display: inline-block;
	vertical-align: top;
/*	position: fixed; */
	float: left;


}
.right-column {
	margin-left: 195px;
	padding-right: 15px;
}
@media (max-width: 580px){
	.left-column {
	 	display: none;
	}
	.right-column {
		margin-left: 15px;
	}
}




.resp-img {
	width: 100%;
}




.site-title {
	text-align: center;
}
.site-title a {
	text-decoration: none;
	color: #000;
}
.site-title a:visited {
	color: #000;
}
.site-title a:hover {
	text-decoration: underline;
}



.main-nav {
	display: table;
	width: 100%;
	margin: 15px 0;
}
.nav-item {
	display: table-cell;
}
.nav-item a, .nav-item label {
    background: black;
    color: #fff;
    display: block;
    text-align: center;
    border: 1px solid #fff;
    padding: 7px 9px;
    text-decoration: none;
    cursor: pointer;
}
.nav-item a:hover, .nav-item label:hover {
	background: #505050;
}
.nav-item.nav-item-hidden {
	display: none;
}

@media (max-width:660px){
	.main-nav {
		display: block;
	}
	.nav-item {
		display: none;
	}
	.nav-item.nav-item-hidden {
		display:block;
	}
	input[type=checkbox]:checked ~ .nav-item {
		display: block;
	}
}