div.site-content {
  background: #f6f9f6;
}

header#masthead.site-header.responsive-max-idth.has-logo.has-menu {
	width: 90% !important;
}

.entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, body:not(.fse-enabled) #masthead, body:not(.fse-enabled) #colophon {
	margin-left: 0;
	margin-right 0;
	max-width: 100%;
	padding-left:1em;
	padding-right:3em;
}

img.custom-logo {
	width: 290px;
	height: 160px;
/* 	margin-left: 3em; */
}

.site-header.has-logo:not(.has-title-and-tagline) {
	grid-template-areas: 
  "site-logo main-navigation";	
}

.site-header {
	grid-template-columns: max-content;
}

.main-navigation {
	  position: absolute;
    bottom: 0;
		margin-bottom: 20px !important;
}

.site-header .main-navigation > div > ul > li > a {
	font-size: 18px;
	color: #734e30;
}

.site-header .main-navigation > div > ul > li:hover > a, .site-header .main-navigation > div > ul > li.focus > a, .site-header .main-navigation > div > ul > li.current-menu-item > a{
	font-size: 18px;
	color: #4d3522 !important;
}

.site-header .main-navigation > div > ul > li.current-menu-item  {
	background: #e1cab7;
	border-radius: 3em;
}

@media only screen and (min-width: 1200px) {
	
	#masthead {
	position: fixed !important;
	z-index: 9999;
  top: 0;
	left: 0;
	right: 0;
	width: 100% !important;
	height: 200px;
	background-color: #FFFFFF;
	}
	
	#content {
		margin-top: 200px
	}
	
	img.custom-logo {
		margin-left: 3em;
	}
}

/***** tablet *****/



/***** mobile *****/
@media only screen and (max-width: 559px) {
	#site-navigation.main-navigation{
    position: inherit;
	}
	
.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button, .mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu {
	}
	
/* 	.mobile-nav-side .site-header #site-navigation.main-navigation #toggle-cart[for="woocommerce-toggle"].button, .mobile-nav-side .site-header #site-navigation.main-navigation #toggle-menu #text{
		content: '\2261';
		color: #734e30;
	} */
	
/* 	#toggle-menu {
    content: '\2261';
		color: #734e30;
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #f6f9f6;
    position: absolute;
	} */
/* 	#toggle-menu:before {
    bottom: 8px;
		background-color: #734e30;
	}
	#toggle-menu:after {
	  top: 8px;
		background-color: #734e30;
	} */
	
/* 		#site-navigation.main-navigation > label::before{
		content: '\2261';
		font-size: 40px;
		color: #734e30;
	} */
	
/* 	#site-navigation.main-navigation::before {
		content: '\2261';
		font-size: 40px;
	} */
}