.burger-menu-background-container {
	width: 50px;
	height: 50px;
	background: black;
	border-radius: 50%;
}

.bar1-burger-menu,
.bar2-burger-menu {
	width: 20px;
	height: 3px;
	background-color: white;
	margin: 8px 0px;
	transition: 0.1s;
	border-radius: 4px;
}

.site-header__toggle-nav {
	width: 50px;
	height: 50px;
	background: black !important;
	border-radius: 50%;
	padding-top: 10px;
}

.change-burger-menu .bar1-burger-menu {
	transform: rotate(45deg) translate(4px, 4px);
	background: white;
}

.site-header__cart .cartContainer {
	background-color: black !important;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	height: 50px;
	width: 50px;
	-webkit-transform: translateZ(0);
	-webkit-mask-image: -webkit-radial-gradient(
		circle,
		#fff 100%,
		#000 100%
	);
}

.site-header__cart .cartContainer .close-cart-inner::before,
.site-header__cart .cartContainer .close-cart-inner::after {
	top: calc(50% - 1.5px);
	left: calc(50% - 10px);
	content: "";
	width: 20px;
	height: 3px;
	background-color: white;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}

.cartContainer .close-cart-inner {
	position: absolute;
	transition: right 500ms, transform 200ms;
	transform: rotate(225deg);
	/* display: block; */
	width: 50px;
	height: 50px;
	top: 0%;
	right: 100%;
	/* margin-top: -1.5px; */
	-webkit-margin-before: -0.5px;
	background: black;
}

.openCartButton:before {
	position: absolute;
		line-height: 0;
		top: calc(75% - 0.6625rem);
		right: 70px;
		width: auto;
		font-weight: 800;
		font-size: 1.125rem;
		opacity: 1;
		z-index: -1;
		transform: translate(0, 0);
		transition: all .2s ease-in-out;
		content: "cart";
		color: black;
}
  
@media screen and (max-width:600px) {
  .openCartButton:before {
    display:none;
  }
}


.flexParent {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 0px;
}

.flexParent > .flexChild {
	height: 50px;
}

.site-header__cart:before {
	content: "shop";
	color: black;
}

.site-header__logo img {
  max-width: 180px;
}
@media screen and (max-width: 749px) {
  .site-header__logo img {
    max-width: 100%;
  }
}