/* Design works down to width of 991px, when media queries of standard css take effect */

/* Variables */

:root {
	--viewport-width: 1600px;
	--nav-width: 225px;
}

/* Wider display to prevent overflow of labels */

#container {
	max-width: var(--viewport-width) !important;
	margin: 15em auto 0;
}

#header .inner  {
	max-width: var(--viewport-width) !important;
}

.tl_panel_bottom.fixed {
	max-width: 1337px;
}

/* Logo top left corner */

#header div.be_mod_globalebooksearch {
	/* move search bar to the right to give way for logo and compress vertically */
	margin: 0 0 0 calc(var(--nav-width) + 300px) !important;
	padding: 0 !important;
	max-height: 0;
	display: block !important;
}

#header .inner nav {
	margin: 0 0 0 var(--nav-width);
	background: rgb(182,12,16);
}
#header .inner {
	background: #cfcfd3;
}

#header #company_logo_container {
	max-width: var(--viewport-width);
	/* Fine-adjustment of logo placement, depending on logo size */
	/* The following is optimized for infinibu logo */
	max-height: 70px;
}

#company_logo {
	width: calc(var(--nav-width) - 25px);
	padding: 12.5px;
	/* Fine-adjustment of logo placement, depending on logo size */
	/* The following is optimized for infinibu logo */
	transform: translateY(-18px);
	max-height: 120px;
}