.main-content.jessies_style {
	background-color: black;
}

.title.jessies_style {
	color: white;
	text-align: center;
}

.jessies_style .post a, .jessies_style .post div.text {
	color: white;
}

.full_width_column {
	padding-left: 30px;
}

.post_6 {

 /*   width: 47%; /* This works down to 1047px wide Then it needs to decrease to 46% which is good down to 797px */
	width: calc(50% - 60px); 
	height: 550px;
	display: inline-block;
	margin-left: 35px;
	vertical-align: top;
}

.post_6.album-review {
	width: calc(50% - 50px); 
	margin-left: 14px;
	margin-right: 22px;
	
}

.alternate-block.album-reviews {
	padding-left: 20px;
}

.post_6 .image {
    width: 100%;
	height: 450px;
}

.post_6 .title {
 	font-size: 21px; 
	height: 2em;
}

.alternate-block {
	padding: 10px 0 10px 60px;
	background-color: white;
}

.alternate-block .title.jessies_style, .alternate-block .post a, .alternate-block .post div.text {
	color: black;
} 

	.hamburger {
		display: none; 
	}

	.bar {
		display: block;
		width: 25px;
		height: 3px;
		margin: 5px auto;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		background-color: white;
	}	

@media only screen and (max-width: 920px) {
	
	.hamburger {
		display: block;
		height:29px; 
		width: 90%;
		margin-left: auto; 
		margin-right: auto; 
		max-width: 100%;
		cursor: pointer;
	}
	
	ul.header-menu {	
		display: none;  
/*		height: 0px; */
	}
	
	ul.header-menu.active {
		display: block;
	}
	
	.header-menu li {
		display: block;
		width: 100%;
	}

	.site-logo {
		margin-left: 20px;
	}
	.site-logo img {
		text-align: left;
		width: 70%;
	}
	
	.header-menu li ul.sub_menu {
		display: block;
		position: static;
		
	}

.header-menu li ul.sub_menu li {
	width: 100%;
	font-family: SinkinSans-400Regular, helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
}

.header-menu li ul.sub_menu li a {
    padding: 8px;
}

.header-menu li:nth-child(n+2) {
	margin-top: 10px;
}
	
	
}