:root {
	--header-height: 90px;
	--label-text-size: 30px;
	--img-scale: 1;
}

#header_container {
	display: flex;
	font-family: "Work Sans", sans-serif;
	background-color: rgb(255,255,255);
	margin: 0;
	padding: 0;
	border: 0;
    position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
}

.header_img {
	height: var(--header-height) !important;
	width: auto;
	margin: 0;
	padding: 0;
}

.header_img img {
	height: var(--header-height) !important;
	margin: 0;
	padding: 0;
}

.dropdown_button {
	border: none;
	font-size: var(--label-text-size);
	font-family: "Work Sans", sans-serif;
	background-color: rgb(255, 255, 255);
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	height: var(--header-height) !important;
}


#lang_menu {
	justify-content: flex-end;
    margin-left: auto;
    color: rgb(50, 50, 50);
}

#games_menu {
	color: rgb(227, 218, 41);
}


.dropdown_button p {
	margin: 0px;
	padding: var(--label-text-size);
	background-color: transparent;
	white-space: nowrap;
	height: var(--label-text-size) !important;
}

.dropdown_button:hover {
	background-color: rgb(240, 240, 240);
}

.dropdown_button img {
	display: block;
	background-color: transparent;
}

.list_content {
	position: absolute;
	display: none;
	background-color: rgb(255,255,255);
	margin: 0;
	padding: 0;
}

#languages_list img {
	width: calc(100px * var(--img-scale) * var(--img-scale));
	height: calc(100px * var(--img-scale) * var(--img-scale));
}

#games_list img {
	width: calc(280px * var(--img-scale) * var(--img-scale));
	height: calc(60px * var(--img-scale) * var(--img-scale));
}

.list_content img {
	background-color: rgb(255, 255, 255);
	margin: 0;
	padding: 0;

	height: auto;
}
.list_content img:hover {
	background-color: rgb(240, 240, 240);
}

.show {
	display: block;
}

.main {
	margin: 0px;
	padding: 0px;
}

.container {
	margin: 15px;
	padding: 0;
	display: grid;
	grid-template-columns: 0.5fr 0.5fr;
}

@media (max-width: 768px) {
	.container {
		grid-template-columns: 1fr;
	}
	:root {
		--header-height: 45px;
		--label-text-size: 15px;
		--img-scale: 0.75;
	}
}


.cost {
	margin: 15px;
	padding: 0;
	display: grid;
	grid-template-columns: 0.1fr 0.9fr;
}

/** {*/
/*	outline: 1px solid red;*/
/*}*/

.black {
	position: relative;
	background-color: #000000;
	margin: 30px;
	padding: 5px;
	opacity: 0.35;
/*	z-index: -1;*/
}

.container_element {
	overflow: hidden;
/*	background-color: #FBF2E9;*/
	background-color: #FFFFFF;
/*	font-size: 24px;*/
	font-family: "Work Sans", sans-serif;
	color: rgb(150, 150, 150);
	line-height: 32px;
	letter-spacing: 1.5px;
	margin-left: 20px;
	margin-top: 20px;
	padding: 0px;
}

#price {
	font-size: 38px;
}

#description {
	font-size: 18px;
}

.images_container {
	display: grid;
	grid-template-rows: 0.8fr 0.2fr;
	margin: 15px;
}

.images_container_element {
	background-color: #FFFFFF;
}

.margin_element {
	margin: 5px;
}

.gallery_div {
	margin: 5px;
	display: grid;
	grid-template-columns: auto auto auto auto
}

.gallery_item {
	width: 100%;
	height: auto;
	cursor: pointer;
	opacity: 0.5;
}

.gallery_item:hover {
	opacity: 1;
}


.links {
	display: grid;
	grid-template-columns: 0.4fr 0.4fr;
	font-size: calc(24px * var(--img-scale));
}

#game_logo {
	width: calc(400px * var(--img-scale));
	height: auto;
}

#rulebook {
	width: calc(210px * var(--img-scale));
	height: auto;
	cursor: pointer;
}

.boxwimage:hover {
	opacity: 1;
}

.boxwimage {
	position: relative;
	width: auto;
	height: 150px;
	cursor: pointer;
	opacity: 0.5;
	cursor: pointer;
}

.overlaytext {
	position: absolute;
	top: calc(45px * var(--img-scale));
	left: 25px;
	background-color: transparent;
	font-size: calc(25px * var(--img-scale));
}

#Rulebook_text {
	color: rgb(112, 79, 47);
}

#Order_text {
	color: rgb(65, 18, 77);
}


.gallery_item.selected {
	opacity: 1;
}

#main_img {
	max-width: 100%;
	height: auto;
	cursor: pointer;
}

.fit_img {
	width: 400px;
	height: auto;
}

.horizontal_list {
	display:flex;
	font-size: calc(24px * var(--img-scale)) !important;
}

.horizontal_list li {
	margin-right:40px;
}