body {
	text-align: left;
  display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: #fff;
}
h1 {
	text-align: left;
}
h6 {
	margin-bottom: 0;
}
#product-photo {
	margin-bottom: var(--header-height);
}
@media (min-width:641px) {
	#product-photo {
		width: 50%;
		float: left;
		margin-bottom: 0;
	}
	#product-details {
		width: 50%;
		float: right;
	}
}
.btn {
	margin: 0;
}
a.close {
	font-size: 0;
	position: absolute;
	top: 0;
	right: 0;
	margin: calc( (var(--header-height) - 24px) / 2 );
	text-decoration: none;
}
a.close:after {
	font-family: KYD;
	content: "\0042";
	font-size: 24px;
	line-height: 1;
	
	/* fix blurry icon rendering */
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}






#mainmenu-button {
	color: #fff;
	width: 24px;
	height: 24px;
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
	opacity: 0.8;
	overflow: hidden; /* prevent scrollbar */
	z-index: 11; /* Header's z-index is 10. This is to ensure the button always visible */
	-webkit-transform: translate3d(0,0,0); /* Safari z-index order fix */
}
#mainmenu-button::after {
	font-family: KYD;
	content: "\0041";
}
#mainmenu-button:hover {
	opacity: 1;
}