.header{
  position:relative;
    overflow:hidden;
}

.navbar-nav {
	width: 320px;
	position: absolute;
	z-index: 2;
	right: 0;
	/* background: linear-gradient(70deg, rgba(255,255,255,0) 40%, rgba(153,98,99,0.8) 40%); */
	height: 100%;
	margin-right: -320px;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: margin-right;
	transition-timing-function: ease-in-out;
	color: #fff;
	padding-top: 120px;
}
.menuopen .navbar-nav {
	margin-right: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: margin-right;
    transition-timing-function: ease-in-out;
}

.menubg {
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: url('../elements/menu_bg.svg');
	background-size: 150%;
	background-repeat: no-repeat;
  position:absolute;
  top:0;
}



.nav-item {
	display: flex;
	align-self: center;
}

.navbar-nav .nav-link {
	color: #fff;
	font-size: 1.8rem;
	text-align: right;
	font-family: 'Zilla Slab', serif;
	text-transform: initial;
	font-weight: 700;
	line-height: 1.5;
	padding: 0;
}

.navbar-toggler {
	display: flex;
	align-items: center;
}
.navbar-toggler-icon {
	width: 1.8rem;
	height: 1.8rem;
}
.navbar-toggler:focus {
		box-shadow: none;
}
.navbar-toggler-icon::after, .navbar-toggler-icon::before, .navbar-toggler-icon div {
	background-color: #fff;
	-o-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	content: '';
	display: block;
	height: 0;
	border-bottom: 3px solid #fff;
	margin: 7px 0;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	transform: scale(1);
}

.menuopen .navbar-toggler-icon::after, .menuopen  .navbar-toggler-icon::before, .menuopen  .navbar-toggler-icon div {
	background-color: #fff;
	border-bottom: 3px solid #fff;
}



.navbar-toggler.open .navbar-toggler-icon div {
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
 .navbar-toggler.open .navbar-toggler-icon::before {
	transform: translateY(10px) rotate(135deg) scale(1);
	-moz-transform: translateY(10px) rotate(135deg) scale(1);
	-webkit-transform: translateY(10px) rotate(135deg) scale(1);
}
 .navbar-toggler.open .navbar-toggler-icon::after {
	transform: translateY(-10px) rotate(-135deg) scale(1);
	-moz-transform: translateY(-10px) rotate(-135deg) scale(1);
	-webkit-transform: translateY(-10px) rotate(-135deg) scale(1);
}



.logo {
	top: 0;
	position: absolute;
	

	z-index: 1031;

}
.logo a {
	/*background-image: url('../elements/hs-logo.svg');*/
	display: block;
	width: auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	height: auto;
	width: 100%;
	height: 100%;
}
.menuopen nav::before {
	top: 0;
	position: absolute;
	/* z-index: 11; */

	z-index: 1032;
	
	/*background-image: url('../elements/hs-logo.svg');*/
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	content: '';
	display: block;
}
.logo {
  display: block;
  background:url('../elements/bp_logo.svg');
  background-repeat:no-repeat;
  background-size: auto;
  height: 120px;
  width: 200px;
  position: absolute;
  z-index: 10;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 20px;
  margin-top: 20px;
}
.logo a{
  display:block;
  width:100%;
  height:100%;
}
.toggler-wrap {
	/* order: 2; */
	z-index: 1000;
	right: 1.5rem;
	position: absolute;
	display: block;
  top:80px;
}




.nav-item {
	align-self: end;
	padding-right: 1.5rem;
	z-index: 2;
}

.menufooter {
	z-index: 5;
	position: absolute;
	top: 20px;
	right: 1.5rem;
}
.menufooter .ce-row {
	display: flex;
}
.menufooter .ce-column {
	padding-left: 10px;
}
.menufooter .image {
	margin: 0;
}



@media (orientation: landscape) and (max-width: 1199px) {
}
@media (orientation: portrait) and (max-width: 1199px) {

} 
@media only screen and (max-width: 991px) {
 
}
@media only screen and (max-width: 575px) {

}  
@media only screen and (max-width: 320px) {

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

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

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

}