.mobile_visible {
	display: block;
	visibility: visible;
}

.desktop_visible {
	display: none;
	visibility: hidden;
}


.logo {
	background-image:url('/wp-content/themes/pr/img/public-rabbit-logo.png'); 
	background-repeat:no-repeat; 
	background-size: 100px 50px;
	float:left;
	width: 100px;
	height: 50px;
	display: none;
	visibility: hidden;
}


.text-logo-large {
	float:left;
	font-size: 2em; 
	font-weight: 500; 
	line-height: 1.3em;
	display: none;
	visibility: hidden;
}

.text-logo-small {
	float:left;
	font-size: 2em; 
	font-weight: 500; 
	line-height: 1.3em;
	display: block;
	visibility: visible;
}


.header-container nav {
	display: none;
	visibility: hidden;
}


.hamburger {
    position: relative;
    display: block;
    float: right;
    width: 36px;
    height: 36px;
    cursor: pointer;
  }
  
.hamburger:after {
    content: '';
    position: absolute;
    display: block;
    width: 2rem;
    height: 0;
    top: 10px;
    left: 4px;
    box-shadow: 0 2px 0 2px #3B3950, 0 12px 0 2px #3B3950, 0 22px 0 2px #3B3950;
  }

.site-inner nav li {
	display:block;
	margin: 0px;
	padding: 16px;
	text-align:center;
	
	border-bottom: 1px solid #3B3950;
} 

.site-inner nav li:first-child {
	
} 

.main-container nav li {
	display:block;
	margin: 0px;
	padding: 16px;
	text-align:center;
	
	border-bottom: 1px solid #3B3950;
} 

.main-container nav li:first-child {
	
} 

.column_left {
	float: left;
}

.column_right {
	float: right;
}

@media only screen and (min-width: 420px) {

.text-logo-large {
	display: block;
	visibility: visible;
}

.text-logo-small {
	display: none;
	visibility: hidden;
}

}

@media only screen and (min-width: 480px) {

.logo {
	background-image:url('../img/public-rabbit-logo.png'); 
	background-repeat:no-repeat; 
	background-size: 100px 50px;
	float:left;
	width: 100px;
	height:50px;
	display: block;
	visibility: visible;
}

}

@media only screen and (min-width: 600px) {

.logo {
	background-image:url('../img/public-rabbit-logo.png'); 
	background-repeat:no-repeat; 
	background-size: 100px 50px;
	float:left;
	width: 100px;
	height:50px;
	display: block;
	visibility: visible;
}

.column_left {
	float: left;
	width:47.5%
}

.column_right {
	float: right;
	width:47.5%
}

}

@media only screen and (min-width: 768px) {

	.mobile_visible {
		display: none;
		visibility: hidden;
	}

	.desktop_visible {
		display: block;
		visibility: visible;
	}


.logo {
	background-image:url('../img/public-rabbit-logo.png'); 
	background-repeat:no-repeat; 
	background-size: 100px 50px;
	float:left;
	width: 100px;
	height:50px;
	display: block;
	visibility: visible;
}





  
  
}


@media only screen and (min-width: 1140px) {
/*
.hamburger {
	display:none;
	visibility: hidden;
}

.header-container nav {
	display: block;
	visibility: visible;
}
*/

}