body.bg, body.bgblurred, body.bgblurreddark, body.bgblur, body.bgblurdark, body.bgblurlight{
	background-size: cover;
	/*background-position: center;*/
	background-attachment: fixed;}
.bgblurred,.bgblurreddark,.bgblurredlight{
	position: relative}
.bgblurred>.bgblur,.bgblurreddark>.bgblurdark,.bgblurredlight>.bgblurlight{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	z-index: -100;
	overflow: hidden;}

/* if this class is assigned then it means that
 * we've transferred the background from the original
 * div and put it in this one */
.bgtransferred{
	z-index: -99;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;}

.bgContLeft, .bgContRight{
/*
	width: 50%;
*/
	box-sizing: border-box;
	display: inline-block;
}
.bgContLeft{
	
}
.bgContRight{
	
}
.bgGuiAlignmentCont{
	height: 200px;
	width: 200px;
	position: relative;
	margin: auto;
}
.bgGuiAlignmentBorder{
	border: solid 2px #DDD;
	position: relative;
	margin: auto;
	box-sizing: border-box;
	overflow: hidden;
/*
	position: absolute;
	top: 0px;
	left: 0px;
*/
}
.bgGuiAlignmentImage,.bgGuiAlignmentImageTallL,.bgGuiAlignmentImageWideL,.bgGuiAlignmentImageTallR,.bgGuiAlignmentImageWideR{
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0.65;
}
.bgGuiAlignmentImage{
	max-height: 100px;
	max-width: 100px;
}
.bgGuiAlignmentImageTallL{
	min-width: 177.77px;
	height: 100px;
}
.bgGuiAlignmentImageWideL{
	width: 177.77px;
	min-height: 100px;
}
.bgGuiAlignmentImageTallR{
	min-height: 177.77px;
	width: 100px;
}
.bgGuiAlignmentImageWideR{
	height: 177.77px;
	min-width: 100px;
}
.bgContLeft>.bgGuiAlignmentCont>.bgGuiAlignmentBorder{
	width: 177.77px;
	height: 100px;
}
.bgContRight>.bgGuiAlignmentCont>.bgGuiAlignmentBorder{
	height: 177.77px;
	width: 100px;
}
.bgGuiAlignmentImage, .bgGuiAlignmentImageTallL, .bgGuiAlignmentImageWideL, .bgGuiAlignmentImageTallR, .bgGuiAlignmentImageWideR{ max-width: 500px; max-height: 500px; }



.nav>.navicon>img{
	opacity: 0.75;
/*
	filter: saturate(0%) hue-rotate(var(--logoAdjustedHue));
*/
	filter: saturate(0%);
	transition: filter 0.9s ease, opacity 0.9s ease;
	}
.nav>.navicon:hover>img{
	filter: saturate(100%);
	opacity: 0.85;}
.nav:nth-child(1){
	filter: hue-rotate(var(--logoAdjustedHue));}