header {
	width: 100%;
	height: var( --m_header_height );
	grid-template-columns: var( --grid_header_tmplt_cols );
	justify-items: center;
	align-items: center;
}
header > div {
 display: flex;
 justify-content: center;
 align-items: center;
}
header .logo_pic_div {
	grid-area: logo_pic;
	justify-self: flex-start;
	margin-left: 2vw;
	width: 4rem;
	height: 1.58rem;
	background: url("/imgs/header/logo.png") no-repeat center;
	background-size: contain;
}
header .logo_txt_div {
	grid-area: logo_txt;
	font-family: PopOT;
}
header .logo_txt_div h1 {
	margin-bottom: 0.5rem;
	font-size: var( --font_header_h1_size );
}

header .cart_div {
	grid-area: cart;
	position: relative;
	width: 100%;
	height: 100%;
    font-size: 0.75rem;
    font-weight: 900;
}
.cart_div.add {
	cursor: pointer;
}